什么都分享
以及,记录自己的故事
正在载入当前位置天气信息……

CSS中外边距太大挡住了下面的按钮怎么处理?

今天在改网站header的时候遇到了这个问题,看下图。

QQ图片20151229210324

 

 

 

【技术分享】(DIV-A)按钮那一层的外边距过大,已经覆盖了【全站文章】(DIV-B)按钮了,鼠标滑过去,经常点不到【全站文章】,这里有一个办法可以解决。

使用CSS的z-index属性。z-index就是元素的堆叠顺序。所在层的z-index值越大,那么这一层就越在上面,如图的那个案例,就可以把DIV-B按钮的z-index值设的比DIV-A按钮那一层的大就行了。

因为我们默认是没有设z-index值的,默认的z-index值是0,这里我们只需要把DIV-B按钮的z-index值改为比0大就行,当然为了以后维护,这里改100吧,方便将来插入其他值。

.div-b{
你的其他css元素;
z-index:100;
}

用这个办法就把DIV-B移到了DIV-A之上,所以不管DIV-A的外边距有多大,都不会挡住DIV-B啦~~~

打赏
本文遵守创作共享 BY-NC-ND 4.0协议,转载前请先联系作者。绯末博客 » CSS中外边距太大挡住了下面的按钮怎么处理?
分享到: 更多 (0)

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏