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

Bagaimanakah Saya Boleh Menggunakan Hacks CSS untuk Menyasar dan Menggayakan Internet Explorer 11 Sahaja?

Patricia Arquette

Lepaskan： 2024-12-04 18:55:16

asal

286 orang telah melayarinya

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

Css Hacks untuk IE 11

Untuk menangani isu pemaparan yang dihadapi dalam IE 11, anda perlu menggunakan penapis CSS yang hanya pelayar ini boleh menghuraikan .

CSS Khusus Microsoft Peraturan

Gunakan gabungan peraturan CSS khusus Microsoft untuk menyasarkan IE11:

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

Salin selepas log masuk

Prinsip Utama

Penapis ini berfungsi kerana :

Jika ejen pengguna (pelayar) tidak dapat memahami pemilih (memandangkan ia bukan CSS 2.1 yang sah), ia mesti mengabaikan kedua-dua pemilih dan blok pengisytiharan seterusnya.

Contoh

Pertimbangkan kod HTML dan CSS berikut :

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <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

Dalam IE11, pemilih *::-ms-backdrop dikenali dan teks "Hai Di sana!!!" akan muncul dalam warna merah. Dalam penyemak imbas bukan IE, mereka hanya akan mengabaikan peraturan ini.

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