2011-02-04 27 views
0

我創建的CSS3絲帶1z-index在IE中不工作?

http://www.jsfiddle.net/G4QQ2/

它工作在FF & Chrome,但在IE中,z-index似乎並沒有工作

這是爲什麼?

+1

我已經試驗了一下你的jsfiddle,我的猜測是IE不支持z-index和僞元素`before`的結合。順便說一句,如果可能的話,我會避免負Z指數,因爲老的FF不能正確支持它。 – RoToRa 2011-02-04 09:28:39

回答

0

@ RoToRa的評論是正確的

我已經試驗了一下你的jsfiddle,我的猜測是,IE瀏覽器根本不支持之前的z-index結合僞元素。順便說一句,我會避免負的z-index如果可能的話,因爲舊的FF不支持它的正確

我想一個更好的修復將是@墨卡託的評論此篇文章

不是一個答案到你的問題,但解決你的問題:jsfiddle.net/G4QQ2/7即將border-top:0添加到h1:之前,並調整其頂部:34px。這樣你根本不需要z-index。

+2

不是您的問題的答案,而是您的問題的解決方案:http://www.jsfiddle.net/G4QQ2/7/ I.e.將`border-top:0`添加到`h1:before`,並將其`top`調整爲`top:34px`。這樣你根本不需要`z-index`。 – mercator 2011-02-04 13:10:50