奇怪的CSS問題

我有一個彈出式面板，顯示了鉻和FF這樣漂亮：奇怪的CSS問題

enter image description here

這是一個灰色的iframe這個CSS樣式：

element.style { 
z-index: 25000; 
opacity: 0.5; 
position: absolute; 
background-color: black; 
border-width: 0px; 
top: 0px; 
left: 0px; 
width: 1366px; 
height: 361px; 
visibility: visible; 
}

其中包含一個DIV ：

element.style { 
position: absolute; 
z-index: 25001; 
background-color: transparent; 
left: 0px; 
top: 0px; 
width: 1366px; 
height: 361px; 
}

其中包含另一個（主）白色div：

element.style { 
width: 400px; 
overflow-y: auto; 
overflow-x: hidden; 
z-index: 25002; 
visibility: visible; 
position: absolute; 
left: 483px; 
top: 77px; 
}

我不明白爲什麼在IE 8與標籤面板是白色的也，所以基本上應該是在後臺就像在Chrome ...：

enter image description here

你有任何線索嗎？

我幾乎可以肯定，問題是標籤，而不是在彈出一個面板上...

與標籤面板的CSS是：

element.style { 
width: 280px; 
height: 500px; 
position: relative; 
}

UPDATE ：

面板選項卡實際上是一個具有上述樣式的表。

ps：不要責怪我關於彈出窗口的css。主要由icefaces組件生成。

來源

2011-04-21 Cristian Boariu

將面板選項卡的'z-index'設置爲更低 – 2011-04-21 10:57:33

這些選項卡可以在他們的風格中有重要性嗎？ – 2011-04-21 10:58:29

'element.style { width：280px; height：500px; position：relative; z-index：-1000px }' – 2011-04-21 10:58:32

最後，解決...

增加了這種風格到包含面板標籤的DIV：

position: relative; 
z-index:-2;

請注意，我已經試過z-index:0或陽性，但沒有工作，所以一負一個是必需的...

此解決方案的一個缺點是，現在，具有其面板選項卡的父div沒有出現在Firefox上。

Grr ...我真的很討厭IE瀏覽器。

UPDATE：我結束了使用jQuery放到該div，一個負面的z索引僅適用於IE。

來源

2011-04-21 11:46:57

IE不喜歡'z-index：0'。它應該可以與任何其他值一起工作，但當然也取決於頁面周圍的其他'z-index'設置。如果你需要爲IE做一些特定的事情，你可以使用條件註釋而不是JQuery。 – Spudley 2011-04-21 12:05:08

@Spudley這個條件註釋是否適用於css文件？因爲我不想將它們內聯或放在我的xhtml文件中。 – 2011-04-21 12:08:09

不，他們不。但通常的訣竅是爲IE提供一個單獨的CSS文件，並使用條件註釋來包含該文件。 – Spudley 2011-04-21 12:12:18

奇怪的CSS問題

回答

相關問題