如何使用 CSS Hack 定位 Internet Explorer 11
可以使用 CSS hack 來實作針對特定瀏覽器(例如 Internet Explorer 11)。以下指南可協助您為 IE 11 撰寫 CSS hack:
要專門針對 IE 11,您可以利用 Microsoft 特定 CSS 規則的組合。在 HTML 中,加入以下元標記:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
在 CSS 中,使用 @media all 和 (-ms-high-contrast: none) 規則來定位 IE 10。在此規則中,您可以為 .foo 類別的元素指定樣式。
@media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ }
要只針對 IE11,請使用 *::-ms-backdrop偽元素。
@media all and (-ms-high-contrast:none) { *::-ms-backdrop, .foo { color: red } /* IE11 */ }
此技術之所以有效,是因為無法解析選擇器(在本例中為 *::-ms-backdrop)的用戶代理將忽略它和以下聲明塊。因此,IE11 特定規則中的樣式將僅適用於 IE11。
以下是範例程式碼片段:
IE10/11 Media Query Test <meta http-equiv="X-UA-Compatible" content="IE=edge">Hi There!!!
透過使用這些 CSS hack,您可以有效地設定元素的樣式專門針對 Internet Explorer 11。
以上是如何使用 CSS Hacks 專門為 Internet Explorer 11 設定元素樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!