Ringkasan Hack CSS Manual Rujukan Cepat Keserasian Penyemak Imbas Mesti Diketahui_Experience Exchange

Sekat pelayar IE (iaitu, ia tidak akan dipaparkan dalam IE)

Salin kod Kod adalah seperti berikut:

*:lang(zh) pilih {font:12px !important;} /*FF boleh dilihat, kenyataan khas: disebabkan kemas kini terkini Opera, ayat ini kini telah menjadi HACK 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

Salin kod Kod adalah seperti berikut:

*+html {…}
Anda boleh menggunakan HACK ini apabila anda perlu membuat gaya hanya untuk IE7.

Pengiktirafan IE6 dan ke bawah

Salin kod Kod adalah seperti berikut:

* html {…}
Beri perhatian khusus kepada tempat ini. Ramai tuan tanah telah menulis bahawa ia adalah HACK untuk IE6. Malah, IE5.x juga boleh mengenali HACK ini. Pelayar lain tidak mengenalinya.
html/**/ >body select {……}
Ayat ini mempunyai kesan yang sama seperti ayat sebelumnya.

Hanya IE6 tidak mengenali

Salin kod Kod adalah seperti berikut:

pilih { paparan /*IE6 tidak mengenali*/:none;}
Di sini terutamanya memisahkan atribut dan nilai melalui ulasan CSS, yang dikeluarkan sebelum titik bertindih.

Hanya IE6 dan IE5 tidak dikenali

Salin kod Kod adalah seperti berikut:

select/**/ { paparan /*IE6, IE5 tidak mengenali*/:none;}
Perbezaan di sini daripada ayat di atas ialah terdapat ulasan CSS tambahan antara pemilih dan pendakap kerinting.

Hanya IE5 tidak mengenali

Salin kod Kod adalah seperti berikut:

select/*IE5 tidak mengenalinya*/ { display:none;}
Ayat ini ialah ulasan dalam kawasan atribut yang dialih keluar daripada ayat sebelumnya. Hanya IE5 tidak mengenali

Penyelesaian model kotak

Salin kod Kod adalah seperti berikut:

selct {width:IE5.x width; voice-family:inherit;}
Kaedah pembersihan model kotak ialah tidak dikendalikan melalui !penting daripada. Ini perlu jelas.

Kosongkan apungan

Salin kod Kodnya adalah seperti berikut:

pilih :selepas {content:"."; paparan:ketinggian:0; Balut keseluruhan kanak-kanak, kemudian gunakan HACK terapung ini untuk menentukan ibu bapa sekali, maka masalah ini boleh diselesaikan.

Elipsis pemotongan

Salin kod Kodnya adalah seperti berikut:

pilih { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;hidden; elipsis adalah teknik yang baik. Cuma Firefox tidak menyokongnya pada masa ini.


Hanya Opera yang mengenali

Salin kod Kod adalah seperti berikut:

@media semua dan (lebar min: 0px){ pilih {……} }

Buat tetapan berasingan untuk penyemak imbas Opera. Di atas adalah beberapa HACK dalam penulisan CSS Ini digunakan untuk menyelesaikan masalah 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 yang kelihatan

Salin kod Kod adalah seperti berikut:

@media tty {
i{content:"";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

Penapis IE5/MAC biasanya tidak diperlukan

Salin kod Kod adalah seperti berikut:

/**//*/
@import "ie5mac.css";
/**/

IE's if condition Hack

Salin kod Kod adalah seperti berikut:

Semua IE boleh mengenalinya
>Hanya IE5.0 boleh mengenalinya

IE5.0 atau IE5.5 boleh diiktiraf
Hanya IE 6-
Hanya diiktiraf oleh IE6
IE 7/-


Hanya IE7 boleh mengenali kandungan di atas, yang mungkin tidak menyeluruh. Saya mengalu-alukan semua orang meringkaskan teknik ini dengan saya untuk memberikan kemudahan untuk pertanyaan kerja akan datang Pada masa yang sama, Terima kasih kepada pengarang yang membangunkan HACK ini
.