Bagaimanakah Saya Boleh Menyasarkan Internet Explorer 11 Secara Khusus dengan Hacks CSS?

Cara Menyasarkan IE 11 Secara Khusus Menggunakan Hacks CSS

Menyasarkan Internet Explorer 11 secara khusus dengan CSS boleh dicapai melalui gabungan Microsoft-khusus peraturan. Dengan memanfaatkan peraturan ini, adalah mungkin untuk membuat penggodaman yang menggunakan gaya hanya pada IE 11 sambil mengabaikan penyemak imbas lain.

Satu pendekatan melibatkan penggunaan @media semua dan peraturan (-ms-high-contrast: none). Peraturan ini menyasarkan semua penyemak imbas yang mempunyai mod kontras tinggi dilumpuhkan. Memandangkan ini ialah ciri khusus Microsoft, ia hanya akan sepadan dengan IE 10 dan IE 11.

Dalam pertanyaan media ini, anda boleh menggunakan gaya secara khusus pada IE 11 dengan menggunakan pemilih *::-ms-backdrop. Pemilih ini menyasarkan elemen tirai latar yang dicipta oleh keadaan fokus tertentu dalam IE 11.

Sebagai contoh, kod CSS berikut boleh digunakan untuk menyasarkan IE 11 dan menukar warna elemen dengan kelas "foo" :

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

Pendekatan ini berfungsi kerana penggunaan pemilih CSS yang tidak sah, seperti *::-ms-backdrop, menyebabkan IE 11 mengabaikan keseluruhan blok pemilih. Dengan menggabungkan pemilih tidak sah ini dengan pemilih yang sah, anda boleh menyasarkan IE 11 dengan berkesan tanpa menjejaskan pelayar lain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyasarkan Internet Explorer 11 Secara Khusus dengan Hacks CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!