如何僅使用 CSS 來設定 Internet Explorer（所有版本）的樣式？-css教學-PHP中文網

如何僅使用 CSS 來設定 Internet Explorer（所有版本）的樣式？

Mary-Kate Olsen

發布： 2024-12-23 19:07:22

原創

759 人瀏覽過

How Can I Style Only Internet Explorer (All Versions) Using CSS Alone?

透過CSS 僅對Internet Explorer（所有版本）進行樣式設定

問題：

在繼承的項目中，有一個需要使用CSS 專門針對Internet Explorer 進行樣式設置，無需修改HTML

解決方案：

Internet Explorer 9 及更低版本：

利用條件註解註解表專為IE。

<!--\[if IE]--\>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<!\[endif]--\>

登入後複製

Internet Explorer 10 和11：

使用「-ms-high-contrast」建立媒體查詢以應用IE 10 獨有的CSS樣式:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
}

登入後複製

Microsoft Edge 12:

利用「@supports」規則定位IE Edge 12 及更高版本:

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */ 
}

登入後複製

內聯規則IE8 及以下版本：

/* For IE css hack */
margin-top: 10px /* apply to all ie from 8 and below */
*margin-top:10px;  /* apply to ie 7 and below */
_margin-top:10px; /* apply to ie 6 and below */

登入後複製

注意： 對於內聯樣式表，請考慮對IE9 9版本使用媒體查詢和條件註釋。

以上是如何僅使用 CSS 來設定 Internet Explorer（所有版本）的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！