margin 負值所造成的層級（z-index）問題

這篇文章主要為大家介紹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 就可以了，看程式碼

複製程式碼

###

###

###< a href="http://www.jb51.net/" mce_href="http://www.jb51.net/">腳本之家

##########

以上是margin 負值所造成的層級（z-index）問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！