如何將 CSS 樣式專門套用至 Internet Explorer 版本 7、8 和 9？

專門針對Internet Explorer 自訂樣式

實作僅適用於特定瀏覽器的CSS 樣式對於維護跨瀏覽器相容性至關重要。此問題重點在於將某種樣式專門應用於 Internet Explorer (IE) 版本 7、8 和 9。

解決方案

以下程式碼片段提供了一個優雅的解決方案:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #myElement {
        width: 100%;
   }
}

說明

說明說明說明說明說明 此程式碼使用針對Microsoft 特定瀏覽器版本的媒體查詢。 「-ms-high-contrast」屬性是 Internet Explorer 10 及更高版本獨有的，確保僅在 IE 中解析媒體查詢。透過在媒體查詢中使用兩個有效值（「active」和「none」），我們保證無論使用者是否啟用了高對比度模式，都會套用該樣式。

以上是如何將 CSS 樣式專門套用至 Internet Explorer 版本 7、8 和 9？的詳細內容。更多資訊請關注PHP中文網其他相關文章！