Bagaimana Menggayakan Elemen Khusus untuk Internet Explorer 11 Menggunakan Hacks CSS?

Cara Menyasarkan Internet Explorer 11 dengan Hacks CSS

Menyasarkan penyemak imbas tertentu, seperti Internet Explorer 11, boleh dicapai menggunakan penggodaman CSS. Berikut ialah panduan untuk membantu anda menulis penggodaman CSS untuk IE 11:

Untuk menyasarkan IE 11 secara khusus, anda boleh menggunakan gabungan peraturan CSS khusus Microsoft. Dalam HTML anda, tambahkan teg meta berikut:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Dalam CSS anda, gunakan peraturan @media all dan (-ms-high-contrast: none) untuk menyasarkan IE 10. Dalam peraturan ini, anda boleh menentukan gaya untuk elemen dengan kelas .foo.

@media all and (-ms-high-contrast:none) {
  .foo { color: green } /* IE10 */
}

Untuk menyasarkan IE11 sahaja, gunakan *::-ms-tirai latar pseudo-element.

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

Teknik ini berfungsi kerana ejen pengguna yang tidak boleh menghuraikan pemilih (dalam kes ini, *::-ms-dropdrop) akan mengabaikannya dan blok pengisytiharan berikut. Akibatnya, gaya dalam peraturan khusus IE11 hanya akan digunakan pada IE11.

Berikut ialah contoh coretan kod:

  
    
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
  
  
    
Hi There!!!
  

Dengan menggunakan penggodam CSS ini, anda boleh menggayakan elemen dengan berkesan khusus untuk Internet Explorer 11.

Atas ialah kandungan terperinci Bagaimana Menggayakan Elemen Khusus untuk Internet Explorer 11 Menggunakan Hacks CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!