Bagaimanakah saya boleh menyasarkan IE7 dan IE8 dengan CSS yang sah tanpa menggunakan penggodaman?-tutorial css-php.cn

Bagaimanakah saya boleh menyasarkan IE7 dan IE8 dengan CSS yang sah tanpa menggunakan penggodaman?

Barbara Streisand

Lepaskan： 2024-10-30 09:04:02

asal

343 orang telah melayarinya

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

Menyasarkan IE7 dan IE8 dengan CSS Sah

Pengenalan:

Mereka bentuk untuk versi lama Internet Explorer boleh mencabar kerana ketidakkonsistenan dalam sokongan CSS. Artikel ini meneroka kaedah untuk menyasarkan IE7 dan IE8 secara khusus sambil mematuhi piawaian W3C.

Penyasaran Eksplisit tanpa Hacks:

Untuk menyasarkan versi IE secara eksplisit tanpa menggunakan penggodaman CSS, tetapkan kelas unik pelayar kepada unsur. Kelas kemudiannya boleh digunakan untuk pemilih CSS.

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

Salin selepas log masuk

Dalam CSS, gunakan kelas untuk menggayakan penyemak imbas yang disasarkan:

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

Salin selepas log masuk

Penyasaran dengan Hacks CSS:

Sebagai alternatif, seseorang boleh menggunakan penggodaman CSS untuk mencapai penggayaan khusus penyemak imbas:

"9": Sasaran IE8 dan ke bawah
"*": Sasaran IE7 dan ke bawah
"_": Sasaran IE6

Contoh:

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 */
}

Salin selepas log masuk

Menyasarkan IE10:

Untuk menyasarkan IE10, yang tidak mengenali pernyataan bersyarat, gunakan skrip berikut:

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

Salin selepas log masuk

Tambahkannya pada bahagian untuk menetapkan kelas "ie10" kepada elemen:

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

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah saya boleh menyasarkan IE7 dan IE8 dengan CSS yang sah tanpa menggunakan penggodaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!