首页 > web前端 > css教程 > margin 负值引起的层级(z-index)问题

margin 负值引起的层级(z-index)问题

巴扎黑
发布: 2017-05-21 10:50:25
原创
2194 人浏览过

这篇文章主要为大家介绍margin 负值引起的层级(z-index)问题的解决方法,需要的朋友可以参考下 先来看这么一段代码:


复制代码

代码如下:




脚本之家




IE6和IE7下,内层的容器被外层覆盖,如图所示:

在IE8和ff下,外层的容器被内层覆盖,如图所示:

真是疯狂啊,如果要达到IE8的外层的容器被内层覆盖的效果,ie7可以通过触发内层的layout解决,,但是IE6却不行,只能在内层使用position:relative来解决问题,当然position:relative也解决ie7的问题,因为position:relative本身就能触发layout。
看代码:


复制代码

代码如下:




脚本之家




当然要IE8、FF达到IE6、IE7的效果就只要在外层加overflow:hidden 就可以了,看代码


复制代码

代码如下:




脚本之家



以上是margin 负值引起的层级(z-index)问题的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板