如何透過 CSS Hack 專門針對 Internet Explorer 11？

如何使用 CSS Hacks 專門針對 IE 11

使用 CSS 專門針對 Internet Explorer 11 可以透過 Microsoft 特定的組合來實現規則。透過利用這些規則，可以建立僅將樣式套用至 IE 11 而忽略其他瀏覽器的 hack。

一種方法涉及使用 @media all 和 (-ms-high-contrast: none) 規則。此規則針對所有停用高對比模式的瀏覽器。由於這是 Microsoft 特定的功能，因此它僅符合 IE 10 和 IE 11。

在此媒體查詢中，您可以使用 *::-ms-backdrop 選擇器將樣式專門套用至 IE 11。此選擇器針對 IE 11 中某些焦點狀態所建立的背景元素。

例如，以下CSS 程式碼可用於針對IE 11 並更改類別「foo」的元素的顏色:

@media all and (-ms-high-contrast:none)
{
  .foo { color: green } /* IE10 */
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

此方法之所以有效，是因為使用無效的CSS 選擇器（例如*::-ms-backdrop）會導致IE 11 忽略整個選擇器區塊。透過將此無效選擇器與有效選擇器結合，您可以有效地定位 IE 11，而不會影響其他瀏覽器。

以上是如何透過 CSS Hack 專門針對 Internet Explorer 11？的詳細內容。更多資訊請關注PHP中文網其他相關文章！