我一直在IE7敵人的CSS Z指數作戰幾個小時了,也許你可以幫忙!CSS z-index被頁面元素順序覆蓋?
我有一個絕對定位的股利,出現在其父股利上面,這是偉大的。但是 - 它出現在後面的div中,它是它的父母的兄弟姐妹。
這似乎很奇怪的行爲,就像z-index只適用於每個div的局部範圍或其他東西。
我該如何進行設置,以便當我設置的元素具有比頁面上其他任何元素更大的z-index時,它將顯示在最上面,無論?
這裏是我的測試頁:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
</head>
<body>
<div style="position: relative; z-index: 0">
div1
<div style="position: relative; z-index: 0">
div2
</div>
<div style="color: red; background-color: #ffffff; position: absolute; z-index: 2">
div3
</div>
</div>
<div style="position: relative; z-index: 0">
div1
<div style="position: relative; z-index: 0">
div2
</div>
<div style="color: red; background-color: #ffffff; position: absolute; z-index: 2">
div3
</div>
</div>
<div style="position: relative; z-index: 0">
div1
<div style="position: relative; z-index: 0">
div2
</div>
<div style="color: red; background-color: #ffffff; position: absolute; z-index: 2">
div3
</div>
</div>
</body>
</html>