專門為 IE 11 編寫 CSS Hacks
要使用 CSS hacks 來針對 IE 11,您可以利用 Microsoft 特定的 CSS 規則。以下適用於IE11 的組合過濾器:
@media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ *::-ms-backdrop, .foo { color: red } /* IE11 */ }
此過濾器之所以有效,是因為無法解析選擇器的用戶代理(即,它不是有效的CSS 2.1)將忽略選擇器和以下聲明區塊。
範例:
<!doctype html> <html> <head> <title>IE10/11 Media Query Test</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> @media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ *::-ms-backdrop, .foo { color: red } /* IE11 */ } </style> </head> <body> <div class="foo">Hi There!!!</div> </body> </html>
以上是如何使用 CSS Hacks 僅針對 Internet Explorer 11?的詳細內容。更多資訊請關注PHP中文網其他相關文章!