如何在不使用 hack 的情況下使用有效的 CSS 來定位 IE7 和 IE8？-css教學-PHP中文網

如何在不使用 hack 的情況下使用有效的 CSS 來定位 IE7 和 IE8？

Barbara Streisand

發布： 2024-10-30 09:04:02

原創

458 人瀏覽過

How can I target IE7 and IE8 with valid CSS without using hacks?

使用有效CSS 定位IE7 和IE8

簡介：

簡介：

針對舊版設計由於CSS 支援的不一致，Internet Explorer 可能具有挑戰性。本文探討了在遵守 W3C 標準的同時專門針對 IE7 和 IE8 的方法。

無駭客手段的明確定位：

<html lang="en" class="ie7"> <!-- IE7 -->

登入後複製

要明確針對IE 版本而不訴諸CSS 駭客手段，將瀏覽器唯一的類別分配給元素。然後，該類別可用於 CSS 選擇器。

.ie7 body { 
    border: 1px solid blue; 
}

登入後複製

在CSS 中，使用該類來設置目標瀏覽器的樣式：

使用CSS Hacks 進行定位：

或者，可以使用CSS hack 來實現特定於瀏覽器的樣式：
"9"：目標IE8 及更低版本
“*”：針對IE7 及更低版本

“_”

：針對IE6

body { 
    border: 1px solid red; /* standard */
    border: 1px solid blue; /* IE8 and below */
    *border: 1px solid orange; /* IE7 and below */
    _border: 1px solid blue; /* IE6 */
}

登入後複製

示例：

以IE10 為目標：

<script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script>

登入後複製

要以無法辨識條件語句的IE10 為目標，請使用下列腳本：

<html lang="en" class="ie10"> <!-- IE10 -->

登入後複製

將其新增至中。部分將「ie10」類別指派給元素：

以上是如何在不使用 hack 的情況下使用有效的 CSS 來定位 IE7 和 IE8？的詳細內容。更多資訊請關注PHP中文網其他相關文章！