Apakah yang sebenarnya dilakukan oleh `\9` dalam Pengisytiharan Harta `lebar` CSS?

Css Hack Terdedah: Menjelaskan Makna 9 dalam Pengisytiharan Harta Lebar

Dalam bidang CSS, akhiran 9 boleh menaikkan kening. Berikut adalah pandangan yang lebih dekat pada tujuannya dan implikasinya dalam pembangunan web.

Pemahaman 9: Hack CSS Khusus Pelayar

Sepintas lalu, 9 kelihatan seperti tambahan pelik pada pengisytiharan sifat lebar CSS, seperti sebagai:

width: 500px\9;

Menyingkap sifat sebenarnya, 9 sebenarnya adalah "penggodaman CSS" yang tidak jelas yang eksklusif untuk Internet Explorer versi 7, 8 dan 9. Ini bermakna kehadiran 9 menyekat aplikasi khusus itu Peraturan CSS semata-mata untuk pelayar IE yang lebih lama ini.

Memecahkan CSS Pengisytiharan

Dalam contoh di atas, "lebar: 500px9;" menunjukkan bahawa lebar 500 piksel akan berkuat kuasa hanya apabila halaman dipaparkan dalam IE 7, 8 atau 9. Semua penyemak imbas moden yang lain, termasuk versi IE akan datang, akan mengabaikan garis ini, meninggalkan lebar elemen tidak terjejas.

Aplikasi Praktikal

Godam CSS ini boleh berguna dalam senario di mana anda perlu menggunakan gaya yang berbeza pada elemen dalam IE berbanding pelayar lain. Sebagai contoh, anda boleh mempunyai:

#myElement {
    width: 300px;
    width: 500px\9;
}

Akibatnya, "#myElement" akan menjadi 500 piksel lebar dalam IE 7-9, manakala dalam penyemak imbas lain, ia akan mempunyai lebar 300 piksel.

Pengecualian yang patut diberi perhatian

Perlu diperhatikan bahawa penyemak imbas telah berkembang dengan ketara sejak 2011 apabila jawapan asal kepada soalan ini diberikan. Walaupun 9 dikaitkan terutamanya dengan IE 7-9, ia juga telah diperhatikan berfungsi dalam IE 10. Walau bagaimanapun, penggodaman ini biasanya dianggap ketinggalan zaman dan harus dielakkan dalam amalan pembangunan web moden.

Atas ialah kandungan terperinci Apakah yang sebenarnya dilakukan oleh `9` dalam Pengisytiharan Harta `lebar` CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!