margin 负值引起的层级（z-index）问题
发布时间：2020-03-18 00:25:26 所属栏目：系统 来源：站长网
导读：先来看这么一段代码： 复制代码 代码如下: div div mce_style="background-color:Red;margin-top: -5px " a href="https://www.jb51.net/" mce_href="https://www.jb51.net/"脚本之家/a/div /div IE6和IE7下，内层的容器被外层覆盖，如图所示： 在IE8和ff下
|
先来看这么一段代码： 复制代码 代码如下:
IE6和IE7下，内层的容器被外层覆盖，如图所示： 在IE8和ff下，外层的容器被内层覆盖，如图所示： 真是疯狂啊，如果要达到IE8的外层的容器被内层覆盖的效果，ie7可以通过触发内层的layout解决，，但是IE6却不行，只能在内层使用position:relative来解决问题，当然position:relative也解决ie7的问题，因为position:relative本身就能触发layout。 看代码： 复制代码 代码如下:
当然要IE8、FF达到IE6、IE7的效果就只要在外层加overflow:hidden 就可以了，看代码 复制代码 代码如下:
（编辑：PHP编程网 - 黄冈站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330482号