如何實作特定 Internet Explorer 版本的條件樣式？

Internet Explorer 的條件CSS：在IE 中實現樣式特異性

在Internet Explorer 中實現樣式特異性可能是一項挑戰，尤其是在特定規則時僅適用於某些版本的瀏覽器。在本例中，我們希望對 CSS 區塊內的元素套用 100% 的寬度，但僅限於 Internet Explorer 7、8 和 9。

解決方案在於使用 Microsoft 特定的媒體查詢，稱為 @media 螢幕和 (-ms-high-contrast: active)、(-ms-high-contrast: none){}。此媒體查詢由 Internet Explorer 10 或更高版本專門解析，確保其中的樣式規則專門套用至 IE。

透過使用此媒體查詢，我們可以隔離我們的樣式規則並針對特定版本的 Internet探險家。以下是範例：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}

在此範例中，我們將100% 的寬度套用於.actual-form 表類別中的元素，但僅限在Internet Explorer 7、8 或9 中查看時。方法允許我們在將條件樣式應用於目標 IE 版本的同時保持瀏覽器相容性。

以上是如何實作特定 Internet Explorer 版本的條件樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！