2012-09-06 25 views
9

是否有隻針對IE9的攻擊?我只在IE9中遇到問題,其他瀏覽器工作正常。我正在使用\9,但它也影響IE8。需要黑客ie9只有

我不想使用條件註釋。

+3

有條件的評論可能是你唯一的朋友。 – Kyle

+0

有沒有其他辦法?我不想使用[目標IE9或IE8但不能同時使用CSS] [1] [1]條件評論 – supersaiyan

+1

可能重複:http://stackoverflow.com/questions/5852681/target-ie9 -or-ie8-but-not-both-using-css –

回答

21

您可以使用此:root #element { color:pink \0/IE9; } /* IE9 + IE10pp4 */

+0

thnx兄弟。Thanx一噸 – supersaiyan

+3

不幸的是,上述樣式也在Firefox和Chrome中觸發,我在這裏找到了一個更好的解決方案:http://mynthon.net/howto/-/webdev/CSS-big-list-of-css-hacks.txt – nerdess

5

還有另一種方法!

:root #div { background: #fff \0/IE9; } /* IE9 */ 

使用:root psuedo選擇器。這是有效的,因爲在IE9中,@media all and (min-width:0)部分已被刪除,以支持此方法。

但請注意,這不是一種安全的方法,因爲它不適用於所有選擇器。最好使用條件註釋,它是針對不同版本IE瀏覽器的最安全,最簡單和最好的方式,IE10除了支持條件註釋以外。

+0

它也針對IE10。 – user712092

13

我想出了一個媒體查詢,這也是如此。它僅指定IE9。

@media all and (min-width:0\0) and (min-resolution:.001dpcm) 
{ 
    #div { color:red; } 
} 

其他那些我已經制定出來,包括MSIE 9+媒體查詢是我的github頁:https://github.com/jeffclayton/css_hack_testing - 大多數的這些我都送到browserhacks.com列入。

2017年UPDATE:要看到它的工作,我創建了一個實際測試頁在這裏,這和許多其他我就http://browserstrangeness.bitbucket.io/css_hacks.html工作,MIRROR:http://browserstrangeness.github.io/css_hacks.html

請注意這是最小寬度:0 \ 0 (零反斜槓零),當您將代碼複製到您自己的網站時。不要與最小寬度:0(只有一個零)混淆,它不能將IE9與其他瀏覽器區分開來。

+0

這是我唯一的工作。它隻影響ie9瀏覽器,並且很容易輕鬆地定位多個選擇器。我無法從lesscss中編譯它,但沒關係:) –

+0

很高興它可以提供幫助 - 而且您是正確的,您必須使用hack作爲 - 不過濾或編譯它,因爲它是非標準的代碼(這就是它工作的原因)。零斜槓零是許多瀏覽器或編譯器所不允許的。 –

+0

這是有史以來最酷的黑客!與背景一起工作,不會影響ie10及更高版本。謝謝! – Iggy

0

在我的IE9 EMULATOR中沒有列出任何解決方案。 ,妥善使我們能夠調整,例如唯一的黑客,在IE9複選框是:

/* IE9 */ 
:root input#my-checkbox { 
    width:20px !important \ ; 
    height:20px !important \ ; 
    box-sizing:content-box !important \ ; 
} 

不知道,如果這也影響到IE8或IE10等,但我們必須條件語句移交那些單獨反正。

希望這可以幫助別人。