[英]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.