Rumah  >  Artikel  >  hujung hadapan web  >  Hack CSS untuk IE7_Experience Exchange

Hack CSS untuk IE7_Experience Exchange

WBOY
WBOYasal
2016-05-16 12:09:261089semak imbas

IE7 telah membetulkan banyak pepijat dan menambah sokongan untuk sesetengah pemilih, jadi kini peretasan untuk menyembunyikan atau menunjukkan IE seperti *html {} dan html>body {} tidak akan berfungsi dalam IE7. Walaupun CSS Hack tidak disyorkan dan komen bersyarat adalah penapis yang mudah, komen bersyarat hanya boleh muncul dalam HTML, jadi CSS Hack masih ada tempatnya. Nanobot menemui beberapa Hacks CSS untuk IE7, khususnya:

>badan
html*
*+html

Daripada ketiga-tiga kaedah penulisan ini, dua yang pertama adalah kaedah penulisan CSS yang menyalahi undang-undang dan diabaikan dalam penyemak imbas yang mematuhi standard, tetapi IE7 tidak berpendapat demikian. Untuk >body, ia akan menggantikan pemilih yang hilang dengan pemilih global *, iaitu, ia akan diproses menjadi *>body, dan fenomena ini juga wujud bukan sahaja untuk pemilih >, tetapi juga untuk pemilih + dan ~. Untuk html*, kerana tiada ruang antara html dan *, ia juga merupakan ralat sintaks CSS, tetapi IE7 tidak akan mengabaikannya, tetapi tersilap percaya bahawa terdapat ruang di sini. Untuk jenis *+html yang ketiga, IE7 percaya bahawa pengisytiharan DTD di hadapan html juga merupakan elemen, jadi html akan dipilih Di antara ketiga-tiga kaedah ini, hanya kaedah ini adalah penulisan CSS yang sah, yang bermaksud ia boleh lulus validator. Oleh itu, pengesahan juga merupakan penggunaan hack yang disyorkan oleh pengarang.

Akhirnya penulis beri jalan terbaik:

IE 6 dan ke bawah
Gunakan * html {} untuk memilih elemen html
IE 7 dan ke bawah
Gunakan *+html, * html {} untuk memilih elemen html 7 sahaja
Gunakan **+html {} untuk memilih elemen html
IE 7 dan penyemak imbas moden sahaja
Gunakan html>body {} untuk memilih elemen badan
Pelayar moden sahaja (bukan IE 7)
Gunakan html>/**/body {} untuk memilih elemen badan

Untuk maklumat khusus, sila rujuk teks asal:

Kodam CSS mudah untuk IE7

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
Artikel sebelumnya:CSS Tips_Pertukaran PengalamanArtikel seterusnya:CSS Tips_Pertukaran Pengalaman