Bagaimanakah Saya Boleh Menggayakan Hanya Internet Explorer (Semua Versi) Menggunakan CSS Sahaja?

Menggayakan Internet Explorer (Semua Versi) Sahaja melalui CSS

Masalah:

Dalam projek yang diwarisi, terdapat keperluan untuk menyasarkan Internet Explorer secara khusus untuk penggayaan tanpa mengubah suai HTML, menggunakan CSS secara eksklusif.

Penyelesaian:

Internet Explorer 9 dan Bawah:

• Gunakan ulasan bersyarat untuk memuatkan luaran lembaran gaya yang disesuaikan untuk IE.

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

Internet Explorer 10 dan 11:

• Buat pertanyaan media menggunakan "-ms-high-contrast" untuk digunakan Gaya CSS eksklusif untuk IE 10 :

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

Microsoft Edge 12:

• Gunakan peraturan "@supports" untuk menyasarkan IE Edge 12 dan kemudian:

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

Peraturan Sebaris untuk IE8 dan Di bawah:

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

Nota: Untuk helaian gaya sebaris, pertimbangkan untuk menggunakan pertanyaan media dan ulasan bersyarat untuk versi di bawah IE9.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Hanya Internet Explorer (Semua Versi) Menggunakan CSS Sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!