Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menggunakan Hacks CSS untuk Menyasarkan Internet Explorer 11 Sahaja?

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

Linda Hamilton
Linda Hamiltonasal
2024-11-28 14:46:14701semak imbas

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

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>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn