Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menggayakan Hanya Internet Explorer (Semua Versi) Menggunakan CSS Sahaja?

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

Mary-Kate Olsen
Lepaskan: 2024-12-23 19:07:22
asal
758 orang telah melayarinya

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

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]--\>
Salin selepas log masuk

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 */
}
Salin selepas log masuk

Microsoft Edge 12:

  • Gunakan peraturan "@supports" untuk menyasarkan IE Edge 12 dan kemudian:
@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */ 
}
Salin selepas log masuk

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 */
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan