Rumah  >  Artikel  >  hujung hadapan web  >  Koleksi Hack CSS Summary_Experience Exchange

Koleksi Hack CSS Summary_Experience Exchange

WBOY
WBOYasal
2016-05-16 12:06:151536semak imbas

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
.

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