ฉันใช้เครื่องมือสำหรับนักพัฒนาของ Internet Explorer เพื่อลองแก้ไขปัญหาที่ฉันมีกับเว็บเพจ
เมื่อฉันเน้นองค์ประกอบ CSS ขึ้นมาทางด้านขวามือ แต่ฉันดูเหมือนจะไม่สามารถเพิ่มกฎใหม่หรือแก้ไข CSS ที่มีอยู่อย่างถูกต้อง
พยายามเพิ่มคุณสมบัติ "display: block" ให้กับคลาสฉันพยายามแก้ไขกฎที่มีอยู่ซึ่งไม่สำคัญ (สีพื้นหลัง: โปร่งใส) แต่ทันทีที่ฉันเปลี่ยนกฎจะหายไป!
ฉันพลาดที่นี่ที่ไหนสักแห่งหรือไม่?
คำตอบ:
สำหรับการเพิ่มอย่างรวดเร็วเพื่อทดสอบและดูเอฟเฟกต์ที่ฉันทำมันแตกต่างกันเล็กน้อย
ด้วยแท็บ HTML ที่เลือกให้เลือกแผง "คุณสมบัติ" ถัดจากสไตล์, สไตล์สไตส์การติดตามและเค้าโครง
คลิกปุ่ม "+" และเริ่มพิมพ์ css style ที่คุณต้องการเพิ่ม คุณลักษณะรูปแบบใหม่จะถูกเพิ่มโดยอัตโนมัติในแผงมุมมอง DOM
หวังว่านี่จะช่วยได้
ตรวจสอบ CSS ของคุณว่าถูกต้องหรือไม่มีกฎที่ขัดแย้งกัน - จากสิ่งที่ฉันจำได้ครั้งล่าสุดที่ฉันใช้ IE Developer Tools มันจะลบทั้งแท็กที่ไม่ถูกต้องและแท็กที่กำหนดเองที่ไม่ได้ใช้ในบางสถานการณ์ทันที
โดยส่วนตัวตอนนี้ฉันชอบใช้ Firebug ใน Firefox และเครื่องมือพัฒนา Chrome ที่ติดตั้งใน Chrome - ฉันไม่มีของโปรด แต่ฉันพบว่า Firebug ดีกว่าสำหรับ css / design และ Chrome ดีกว่าสำหรับคุกกี้ / สคริปต์ ฯลฯ
background-color: transparentเป็นdisplay: blockไม่มีโดยไม่ถูกต้องตลอดทางได้อย่างไร ทันทีที่ฉันพิมพ์displayแล้ว IE คิดว่ากฎ - display: transparent- ไม่ถูกต้อง