2012-08-10 59 views
1

enter image description hereCSS黑客問題的IE 6?

我有一個HTML頁面,我有div來顯示幫助,如上圖中底部所示。

我也有組合框(選擇輸入),這是在此幫助DIV的頂部在正在添加IE 6

對於其他瀏覽器,和IE6 +版本,它工作正常。

對於IE 6,這個問題有沒有CSS黑客?

+2

你真的*還需要支持IE6嗎?它已經被認爲已經過時多年了。 MS仍然用安全補丁來支持它,但是這將在一年左右結束,之後它將被廣泛開放以被黑客攻擊。如果你的客戶/老闆仍然要求IE6,那麼你需要告訴他們爲什麼這是一個非常糟糕的主意。 – Spudley 2012-08-10 06:30:38

+0

作爲開發人員,我們不想支持IE 6。但客戶希望我們支持:) – 2012-08-10 11:14:58

+0

好吧,如果您覺得您需要參加工作,那就足夠公平了,但我希望您能爲此付出額外的代價。 – Spudley 2012-08-10 20:44:44

回答

3

這是一個非常有名的老的bug與IE6。你需要做的是在div之前有iframe。這個錯誤記錄很好。它發生的原因是在IE6中select盒子是ActiveX控件,並且意味着高於頁面的所有元素。 iframe也是一個ActiveX控件,可以設置在select框的上方。你可以閱讀關於這個網站上的黑客http://www.javascriptjunkie.com/?p=5

我很確定在SO上也有類似的問題,但我找不到它。

+0

http://www.codeproject.com/Articles/15547/Fixing-Overlaying-Layers-with-Dropdowns-in-IE – 2012-08-10 06:40:23

+0

@ChrisBentley,是的,涵蓋了一些修復它的不同方法。仍然想知道誰在這個時代使用IE6。 – sarcastyx 2012-08-10 06:48:18

+0

銀行職員和其他大型企業服裝,其內部遺留軟件無需其他瀏覽器工作.. :( – 2012-08-10 11:19:55

0

據我所知,默認情況下IE6會放在其他元素之上。

可以隱藏他們(顯示:無)當這div.help顯示

1

有IE瀏覽器的所有版本充分證明CSS黑客。

對於IE6,請使用下劃線黑客 - 在選擇器的前面放置一個下劃線字符,以僅針對IE6。

這個頁面有完整的詳細信息:http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/

+0

這將是IE6的下劃線,對吧? – 2012-08-10 06:30:01

+0

@MichaelPeterson - 是的,當然是。 :-)(注意自己:累了時不要回答問題) – Spudley 2012-08-10 06:32:32

+0

嘿,我明白了。我仍然贊同你的答案 – 2012-08-10 06:34:08