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

僅將CSS 應用到Internet Explorer

將CSS 的應用限製到特定版本的Internet Explorer，例如7、89、利用Microsoft 特定的媒體查詢提供了一個有效的解決方案。

在提供的範例中，CSS 程式碼旨在僅將 100% 的寬度應用於 IE 瀏覽器。以下是其工作原理的詳細說明：

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}</code>

Microsoft 特定媒體查詢：

• 媒體查詢螢幕和(-ms-high-對比：活躍），（-ms-high-contrast：無）是專為Microsoft IE設計的。
• -ms-high-contrast屬性是IE特有的，用於確定使用者是否具有高對比度-contrast 模式已啟用。

驗證：

• 透過為-ms-high-contrast 包含活動值和無值，媒體查詢可確保與IE 版本相容，無論高對比度模式設定如何。
• IE 只會解析此媒體查詢，而其他瀏覽器將忽略它。

結論：

此方法有效地將CSS 專門應用於Internet Explorer 版本7、8 和9，允許您定位特定瀏覽器，而不影響網站的其餘樣式。

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