首頁 > web前端 > css教學 > 如何將 CSS 樣式專門套用至 Internet Explorer 版本 7、8 和 9?

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

Susan Sarandon
發布: 2024-10-29 12:20:02
原創
1001 人瀏覽過

How Can I Apply CSS Styles Specifically to Internet Explorer Versions 7, 8, and 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板