Bagaimana untuk Menyasarkan Internet Explorer 10 secara Khusus dengan CSS?

Menyasarkan Internet Explorer 10 Secara Khusus

Internet Explorer boleh memberikan cabaran unik apabila menggunakan gaya tertentu atau melaksanakan kod JavaScript tertentu. Menyasarkan Internet Explorer 10 secara eksklusif memerlukan pendekatan yang disesuaikan.

Kaedah ulasan bersyarat yang anda cuba, semasa biasa digunakan untuk menyasarkan Internet Explorer, nampaknya tidak berfungsi khusus untuk Internet Explorer 10.

Menggunakan Pertanyaan Media CSS

Daripada bergantung pada ulasan bersyarat, pilih pertanyaan media CSS. Berikut ialah beberapa pilihan untuk menyasarkan versi Internet Explorer yang berbeza:

• Internet Explorer 9, 10 dan 11:

  @media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* CSS for IE 10 only here */
  }

  Salin selepas log masuk
  ) { /* CSS for IE 9, 10, and 11 here */ }

• Internet Explorer 10 sahaja:

  @supports (-ms-accelerator:true) {
      .selector { property: value; } /* CSS for Edge here */
  }

  Salin selepas log masuk

• Pelayar Edge:

Mengapa Gunakan Pertanyaan Media?

Pertanyaan media ialah kaedah yang lebih dipercayai untuk menyasarkan penyemak imbas tertentu. Mereka kurang terdedah kepada penipuan dan menawarkan mekanisme penyasaran yang lebih tepat.

Sumber untuk Rujukan Lanjut:

• [Memindahkan CSS Khusus Internet Explorer ke @media Blocks](https://css-tricks.com/moving-internet-explorer-specific-css-into-media-blocks/)
• [Cara Menyasarkan Internet Explorer 10 dan 11 dalam CSS](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [Css Hacks for Windows 10 and Microsoft's Edge Web Browser](https://css-tricks.com /css-hacks-windows-10-microsoft-edge-web-browser/)

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Internet Explorer 10 secara Khusus dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!