มักจะมีปัญหาความไม่เข้ากันมากมายระหว่าง IE และ FF ในรูปแบบหน้าเว็บ CSS ต่อไปนี้คือความเป็นไปได้ทั่วไปและแนวทางแก้ไข!
1. ใช้ !important เพื่อแก้ไขความแตกต่างระหว่าง IE และ Mozilla !important คือไวยากรณ์ที่กำหนดไว้ใน CSS1 หน้าที่ของมันคือการเพิ่มลำดับความสำคัญของแอปพลิเคชันของกฎสไตล์ที่ระบุ จุดที่สำคัญที่สุดคือ IE ไม่เคยรองรับไวยากรณ์นี้ แต่เบราว์เซอร์อื่นรองรับ ดังนั้นเราจึงสามารถใช้สิ่งนี้เพื่อกำหนดสไตล์ที่แตกต่างกันสำหรับ IE และเบราว์เซอร์อื่น ๆ ตัวอย่างเช่น เรากำหนดสไตล์ดังนี้:
ตัวอย่างซอร์สโค้ด
[www.downcodes.com] .colortest{
เส้นขอบ:20pxsolid#60A179!สำคัญ;
เส้นขอบ:20pxsolid#00F;
ช่องว่างภายใน:30px;
ความกว้าง:300px;
-
เมื่อเรียกดูใน Mozilla จะสามารถเข้าใจลำดับความสำคัญของ !important ได้ ดังนั้นสี #60A179 จะแสดงขึ้นมา เมื่อเรียกดูใน IE จะไม่สามารถเข้าใจลำดับความสำคัญของ !important ได้ ดังนั้นสี #00F จะปรากฏขึ้น
2. แก้ไขปัญหาที่รูปแบบโฮเวอร์ไม่แสดงหลังจากเข้าถึงไฮเปอร์ลิงก์ เปลี่ยนลำดับของคุณสมบัติ CSS: มาตรฐานการสั่งซื้อควรเป็น:
a:link—a:visited—a:hover—a:active
3. วิธีแสดงเนื้อหาใน Li ด้วยจุดไข่ปลาหลังจากเนื้อหาเกินความยาว ตัวอย่างซอร์สโค้ด
[www.downcodes.com]