Rumah > Artikel > hujung hadapan web > Koleksi Hack CSS Summary_Experience Exchange
Sekat pelayar IE (iaitu, ia tidak akan dipaparkan dalam IE)
*:lang(zh) pilih {font:12px !important;} /*Khas untuk FF*/
pilih:kosong {font: 12px !important; } /*Kelihatan dalam safari*/
Di sini pilih ialah pemilih, yang boleh diubah mengikut situasi. Ayat kedua adalah unik untuk pelayar Safari pada MAC.
Hanya diiktiraf oleh IE7
*+html {…}
Anda boleh menggunakan HACK ini apabila anda perlu membuat gaya hanya untuk IE7.
Pengenalan IE6 dan ke bawah
* html {…}
Beri perhatian khusus kepada tempat ini telah menulis HACK untuk IE6. Pelayar lain tidak mengenalinya.
html/**/ >body select {……}
Ayat ini mempunyai kesan yang sama seperti ayat sebelumnya.
Hanya IE6 tidak mengenalinya
pilih { paparan /*IE6 tidak mengenalinya*/:none;}
Di sini terutamanya memisahkan atribut dan nilai melalui ulasan CSS, yang dikeluarkan sebelum titik bertindih.
Hanya IE6 dan IE5 tidak mengenalinya
select/**/ { paparan /*IE6, IE5 tidak mengenali*/:none;}
Perbezaan di sini daripada ayat di atas ialah terdapat CSS tambahan antara pemilih dan pendakap kerinting Nota.
Hanya IE5 tidak mengenalinya
pilih/*IE5 tidak mengenalinya*/ { display:none;}
Ayat ini mengalih keluar ulasan dalam kawasan atribut daripada ayat sebelumnya. Hanya IE5 tidak mengenali
penyelesaian model kotak
selct {width:IE5.x width:””}””; 🎜 >Kaedah pembersihan model kotak tidak dikendalikan melalui !important. Ini perlu jelas.
Clear float
pilih:selepas {content:”; paparan:ketinggian:0; terapung, ketinggian ibu bapa tidak dapat menampung keseluruhan anak Kemudian gunakan HACK ini untuk mengosongkan terapung untuk menentukan ibu bapa sekali, yang boleh menyelesaikan masalah ini.
Elipsis pemotongan
pilih { -o-text-overflow:ellipsis; white-space:nowrap;hidden; secara automatik memotong teks berlebihan dan mengakhirinya dengan elipsis, yang merupakan teknik yang sangat baik. Cuma Firefox tidak menyokongnya pada masa ini.
Hanya dikenali oleh Opera
@media semua dan (lebar min: 0px){ pilih {……} }
Buat tetapan berasingan untuk penyemak imbas Opera.
Yang di atas ialah beberapa HACK dalam penulisan CSS Ini digunakan untuk menyelesaikan isu keserasian setempat Jika anda ingin memisahkan kandungan keserasian, anda juga boleh mencuba penapis berikut. Beberapa penapis ini ditulis dalam CSS untuk mengimport gaya khas melalui penapis, dan sesetengahnya ditulis dalam HTML untuk memaut atau mengimport gaya tampung yang diperlukan melalui syarat.
Penapis untuk IE5.x, hanya IE5.x kelihatan
@media tty {
i{content:””;/*” “*/}} @import 'ie5win .css'; /*”;}
}/* */
Penapis IE5/MAC biasanya tidak diperlukan
[Salin ke papan keratan] [ - ]KOD:
/ ** //*/
@import “ie5mac.css”;
/**/
IE's if condition Hack
Hanya IE
Semua IE boleh mengenali Hanya IE 5.0
Hanya IE5.0 boleh mengenali Hanya IE 5.0+
IE5.0 dijamin akan digantikan oleh IE5.5 Semua boleh dikenali Hanya IE 6-
Hanya IE6 boleh dikenali Hanya IE 6/+
IE6 dan IE5.x di bawah IE6 boleh diiktiraf Pengiktirafan Hanya IE 7/-
Hanya IE7 boleh mengenali Kandungan di atas pastinya tidak menyeluruh. Saya mengalu-alukan semua orang untuk merumuskan kemahiran ini dengan saya untuk pertanyaan kerja akan datang kemudahan dan terima kasih kepada mereka yang menyelidik HACK ini
.