Bagaimanakah Saya Boleh Menggunakan Hacks CSS untuk Menyasarkan Internet Explorer 11 Sahaja?

Menulis Hacks CSS Khusus untuk IE 11

Untuk menyasarkan IE 11 dengan hacks CSS, anda boleh menggunakan peraturan CSS khusus Microsoft. Penapis gabungan berikut untuk IE11:

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

Penapis ini berfungsi kerana ejen pengguna yang tidak dapat menghuraikan pemilih (iaitu, ia bukan CSS 2.1 yang sah) akan mengabaikan pemilih dan blok pengisytiharan berikut juga.

Contoh:

 
  <title>IE10/11 Media Query Test</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <style>
    @media all and (-ms-high-contrast:none)
     {
     .foo { color: green } /* IE10 */
     *::-ms-backdrop, .foo { color: red } /* IE11 */
     }
  </style>
 
 
  <div class="foo">Hi There!!!</div>
 

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