Begitu orang terbiasa dengan sesuatu, sulit untuk mengubahnya karena berbagai alasan, semakin banyak browser baru, tetapi browser lama tidak dapat dihilangkan. Pertumbuhan selalu lebih cepat daripada kematian, sehingga kompatibilitas browser menjadi topik yang tiada habisnya. Berbicara tentang kompatibilitas browser, CSS HACK tentu saja terlintas dalam pikiran. Saat ini, kami biasanya memiliki tim atau tim yang terdiri dari orang-orang yang melakukan hal yang sama di sebuah perusahaan. Kami perlu memiliki spesifikasi pengkodean yang terpadu untuk memfasilitasi pemeliharaan. Cara mengatasi kompatibilitas adalah (harus demikian, karena ini yang paling mungkin menimbulkan masalah) salah satu spesifikasi terpenting yang harus diselesaikan.
Dalam hal solusi kompatibilitas, jika kita ingin merumuskan spesifikasi terpadu, menurut saya pribadi, tiga poin berikut harus menjadi prinsip dasar:
Mengutamakan biaya di sini bukan berarti kita tidak mau mengejar kesempurnaan, tetapi mengejar kesempurnaan dengan sengaja terkadang dapat menghambat kemajuan kita setelah biaya, hal itu harus dapat dipertahankan dan dibaca, yang sangat penting bagi tim hasil akhirnya adalah mengurangi biaya.
Mari kita simpan ketiga prinsip ini terlebih dahulu, dan mari kita lihat metode penulisan yang biasa kita lakukan untuk menyelesaikan masalah yang kompatibel (daftar detail metode Peretasan akan dilampirkan nanti):
1. Peretasan Pemilih CSS
/* Opera */
@media semua dan (-webkit-min-device-pixel-ratio:10000), tidak semua dan (-webkit-min-device-pixel-ratio:0)
{kepala~tubuh .sofish{display:block;}}
Kelebihan dan kekurangan cara penulisan ini adalah :
2. Peretasan Properti CSS
.sofish{
bantalan:10 piksel;
padding:9px9; /* semuanya */
bantalan:8 piksel ; /* ie8-9 */
*padding:5 piksel; /* ie6-7 */
+padding:7 piksel; /* ie7 */
_padding:6 piksel; /* ie6 */
}
Kelebihan dan kekurangan cara penulisan ini adalah :