首頁 > 文章 > web前端 > 如何在不使用 hack 的情況下使用有效的 CSS 來定位 IE7 和 IE8？

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

Barbara Streisand原創: 2024-10-30 09:04:02344瀏覽

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中文網其他相關文章！

css html for while using class Conditional this

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何使用 CSS 使 Div 從中心展開？下一篇：如何使用 CSS 使 Div 從中心展開？

看更多