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

不知道是不是该取这个标题,如有不同意见请留言斧正,谢谢!

先来看这么一段代码:

[code=”html”]

?????

???????

???

[/code]

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

2009-05-26_004915(转载请注明出处:WEB前端开发 https://www.html.cn/)

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

2009-05-26_004929(转载请注明出处:WEB前端开发 https://www.html.cn/)

真是疯狂啊,如果要达到IE8的外层的容器被内层覆盖的效果,ie7可以通过触发内层的layout解决,,但是IE6却不行,只能在内层使用position:relative来解决问题,当然position:relative也解决ie7的问题,因为position:relative本身就能触发layout。(转载请注明出处:WEB前端开发 https://www.html.cn/)

看代码:

[code=”html”]

?????

??????? ?????

???

[/code]

?

当然要IE8、FF达到IE6、IE7的效果就只要在外层加overflow:hidden 就可以了,看代码。(转载请注明出处:WEB前端开发 https://www.html.cn/)

[code=”html”]

?????

??????? ?????

???

[/code]

赞(0) 打赏
未经允许不得转载:WEB前端开发 » margin负值引起的层级(z-index)问题

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    跟margin负值有什么关系?是由于父级haslayout造成的裁切

    robben10年前 (2009-05-30)回复
  2. #-48

    margin不取负值的话,是不会发生遮挡的问题,里面的div会很正常的在外面的div内部

    没事看看10年前 (2009-07-10)回复
  3. #-47

    只适用于margin-top ,margin-left就不行了

    菲林子9年前 (2010-08-04)回复

前端开发相关广告投放 更专业 更精准

联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏