您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

在悬停时添加CSS边框,而无需移动元素

在悬停时添加CSS边框,而无需移动元素

您可以使边框透明。这样,它就存在了,但却是不可见的,因此它不会推动任何事情:

.jobs .item {
    background: #eee;
    border-top: 1px solid transparent;
}

.jobs .item:hover {
    background: #e1e1e1;
    border-top: 1px solid #d0d0d0;
}

如果您的元素具有指定的height和/或width,则还可以使用@R_997_2419@-sizing:border- @R_997_2419@;,因为此框模型在计算出的大小中包括了填充和边框宽度,例如:

.jobs .item {
    background: #eee;
    height: 40px;
    @R_997_2419@-sizing: border-@R_997_2419@;
}

.jobs .item:hover {
    background: #e1e1e1;
    border-top: 1px solid #d0d0d0;
}
CSS 2022/1/1 18:16:40 有470人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶