Bagaimana Saya Boleh Mencipta Hack CSS Khusus untuk Internet Explorer 11?-tutorial css-php.cn

Bagaimana Saya Boleh Mencipta Hack CSS Khusus untuk Internet Explorer 11?

Patricia Arquette

Lepaskan： 2024-12-08 15:26:10

asal

874 orang telah melayarinya

How Can I Create a CSS Hack Specifically for Internet Explorer 11?

Bagaimana untuk Mencipta Hack CSS Khusus untuk IE 11?

Jika anda mendapati diri anda mempunyai tapak web yang memaparkan buruk pada IE 11, anda mungkin perlu menggunakan penggodam CSS untuk menyelesaikan isu tersebut. Begini caranya:

Pemilih CSS untuk IE 11

Untuk menyasarkan IE 11 secara eksklusif, gunakan gabungan peraturan CSS khusus Microsoft, seperti yang dilihat di bawah:

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

Salin selepas log masuk

Cara Hacks CSS Berfungsi IE

Apabila ejen pengguna, seperti IE, menemui pemilih CSS yang tidak sah, ia mengabaikan kedua-dua pemilih dan blok pengisytiharan berikut. Tingkah laku ini dieksploitasi oleh penggodam CSS untuk mencapai penggayaan khusus penyemak imbas.

Kod Contoh

Kod berikut menunjukkan cara untuk menyasarkan IE 10 dan IE 11 secara khusus:

<!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 Bagaimana Saya Boleh Mencipta Hack CSS Khusus untuk Internet Explorer 11?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!