LESS源码:
div{ width: 300px; height: 100px; border: 1px solid #CCC; margin:-1px; display: block; position: relative;
&:hover{border: 1px solid red; z-index:2 }
}CSS部分:
div{ width: 300px; height: 100px; border: 1px solid #CCC; margin:-1px; display: block; position: relative;}
div:hover{border: 1px solid red; z-index:2 }HTML部分:
<div></div>
<div></div>
<div></div>首先用 margin:-1px; 解决边框间重叠问题
其次用 z-index:2 解决鼠标上浮边框遮挡问题
本文介绍了一种使用LESS和纯CSS实现元素间无间隙排列的方法,并解决了鼠标悬停时元素间的层级覆盖问题。
3万+

被折叠的 条评论
为什么被折叠?



