如何使用 CSS 可靠地偵測 Internet Explorer 11？

使用CSS 功能/功能偵測來偵測IE11

對於瀏覽器特定的增強功能或解決方法，通常需要辨識Internet Explorer的特定版本。雖然可以使用 CSS 功能檢測來實現 IE10 檢測，但區分 IE10 和 IE11 可能具有挑戰性。

一個可能的解決方案是利用 IE11 中專門引入的未記錄的 CSS 屬性和值。以下是一些需要考慮的潛在屬性：

• _:-ms-fullscreen: IE11 及更高版本支援此屬性。
• :root .ie11up: 根選擇器和針對IE11 的自訂類別的組合

透過組合這些屬性，我們可以建立特定於IE11 的CSS 規則：

_:-ms-fullscreen, :root .ie11up {
  property: value;
}

此規則只在_:-時將樣式套用至元素。 ms-fullscreen 屬性或 .ie11up 類別存在，確保它僅針對 IE11 或更高版本瀏覽器。

但是，需要注意的是，瀏覽器偵測駭客可能會帶來潛在問題，因此通常不鼓勵這樣做。主要建議是使用 Modernizr.js（一個用於功能檢測的 JavaScript 函式庫），或考慮基於平台的 CSS 選擇器以避免依賴不受支援的方法。

以上是如何使用 CSS 可靠地偵測 Internet Explorer 11？的詳細內容。更多資訊請關注PHP中文網其他相關文章！