Bagaimanakah Saya Boleh Menggunakan Hacks CSS untuk Menyasarkan Internet Explorer 11 Sahaja?-tutorial css-php.cn

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

Linda Hamilton

Lepaskan： 2024-11-28 14:46:14

asal

681 orang telah melayarinya

How Can I Use CSS Hacks to Target Only Internet Explorer 11?

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 */
}

Salin selepas log masuk

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:

<!doctype html>
<html>
 <head>
  <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>
 </head>
 <body>
  <div class="foo">Hi There!!!</div>
 </body>
</html>

Salin selepas log masuk

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!