Bagaimanakah Anda Boleh Mencapai Penggayaan Bersyarat untuk Versi Internet Explorer Tertentu?

CSS Bersyarat untuk Internet Explorer: Mencapai Kekhususan Gaya dalam IE

Mencapai kekhususan gaya dalam Internet Explorer boleh menjadi satu cabaran, terutamanya apabila peraturan tertentu hanya bertujuan untuk versi penyemak imbas tertentu. Dalam kes ini, kami ingin menggunakan lebar 100% pada elemen dalam blok CSS, tetapi hanya untuk Internet Explorer 7, 8 dan 9.

Penyelesaian terletak pada menggunakan pertanyaan media khusus Microsoft, dikenali sebagai skrin @media dan (-ms-high-contrast: active), (-ms-high-contrast: none){}. Pertanyaan media ini dihuraikan secara khusus oleh Internet Explorer 10 atau lebih tinggi, memastikan peraturan gaya di dalamnya digunakan secara eksklusif untuk IE.

Dengan menggunakan pertanyaan media ini, kami boleh mengasingkan peraturan gaya kami dan menyasarkan versi Internet tertentu Penjelajah. Berikut ialah contoh:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}

Dalam contoh ini, kami menggunakan lebar 100% pada elemen dalam kelas jadual .actual-form, tetapi hanya apabila dilihat dalam Internet Explorer 7, 8 atau 9. Ini pendekatan membolehkan kami mengekalkan keserasian penyemak imbas sambil menggunakan gaya bersyarat pada versi IE yang disasarkan.

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Mencapai Penggayaan Bersyarat untuk Versi Internet Explorer Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!