簡體   English   中英

只需要ie9的黑客攻擊

[英]Need hack for ie9 only

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

我不想使用條件評論。

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

我想出了一個媒體查詢來做到這一點。 它僅指定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更新 :為了看到它的工作,我在這里創建了一個實時測試頁面以及我在http://browserstrangeness.bitbucket.io/css_hacks.html和MIRROR上工作的許多其他頁面: http//browserstrangeness.github.io/css_hacks html的

當您將代碼復制到您自己的站點時,請注意它是min-width:0 \\ 0(零反斜杠為零)。 不要與min-width混淆:0(只是一個零),這不能區分IE9與其他瀏覽器。

還有另一種方式!

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

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

但請注意,這不是一種安全的方法,因為它不適用於所有選擇器。 最好的方法是使用條件注釋,它是目標不同版本的Internet Explorer的最安全,最簡單和最好的方法,除了IE10,它已經放棄了對條件注釋的支持。

在我的IE9 EMULATOR中,沒有列出的解決方案有效。 唯一正確啟用我們調整大小的黑客,例如,IE9中的復選框是:

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

不知道這是否也會影響IE8或IE10等,但我們仍有條件將這些分開處理。

希望這有助於某人。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM