วิธีที่ง่ายที่สุดในการแก้ปัญหาความเข้ากันได้ของเบราว์เซอร์ที่พบใน CSS คือ CSS Hack ตอนนี้เราจะพูดถึงวิธีเขียน CSS Hack ในเบราว์เซอร์ต่างๆ!
ความแตกต่างระหว่าง IE6 และ FF:
พื้นหลัง:สีส้ม;*พื้นหลัง:สีน้ำเงิน;
ความแตกต่างระหว่าง IE6 และ IE7:
พื้นหลัง:สีเขียว !สำคัญ;พื้นหลัง:สีน้ำเงิน;
ความแตกต่างระหว่าง IE7 และ FF:
พื้นหลัง:สี
ส้ม;
IE7, IE6:
พื้นหลัง:สีส้ม;*พื้นหลัง:สีเขียว !สำคัญ;*พื้นหลัง:สีน้ำเงิน;
หมายเหตุ:IE
สามารถจดจำได้ *; เบราว์เซอร์มาตรฐาน (เช่น FF) ไม่สามารถจดจำได้ *
;
จดจำ * ยังสามารถจดจำ !important;
FF ไม่สามารถจดจำ * ได้ แต่สามารถจดจำ !important;
IE6 IE7 FF
* √ √ ×
!important × √ √
นอกจากนี้ ขีดเส้นใต้ "_"
IE6 รองรับการขีดเส้นใต้ แต่ทั้ง IE7 และ firefox ไม่รองรับ มัน.
ดังนั้นคุณจึงสามารถแยกแยะ IE6, IE7 และ firefox ได้ดังนี้
: background:orange;*พื้นหลัง:สีเขียว;_พื้นหลัง:สีน้ำเงิน;
หมายเหตุ: ไม่ว่าจะใช้วิธีใด ลำดับการเขียนก็คือ firefox จะเขียนไว้ข้างหน้า และ IE7 เขียนไว้ตรงกลาง IE6 เขียนไว้ตอนท้าย