如何使用 CSS Hacks 專門為 Internet Explorer 11 設定元素樣式？

如何使用 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。

以下是範例程式碼片段：

  
    
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
  
  
    
Hi There!!!
  

透過使用這些 CSS hack，您可以有效地設定元素的樣式專門針對 Internet Explorer 11。

以上是如何使用 CSS Hacks 專門為 Internet Explorer 11 設定元素樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！