Accessibility Links

ใช้ Comment ซ่อนคำสั่งจาก Modern Browser ยกเว้น Netscape 4

 

ใช้ Comment ซ่อนคำสั่งจาก Modern Browser ยกเว้น Netscape 4

โดย เมื่อ 2007-08-21 10:47:35 ดูทั้งหมด 224 ครั้ง

วิธีนี้ใช้ได้ผลชงัดแถม Valid กับ CSS Validator ด้วย เป็นเทคนิคที่ค้นพบโดย Fabrice Pascal วิธีนี้สามารถตบตาได้หมด ยกเว้น Browser ดังต่อไปนี้นะครับ

  1. Netscape 4
  2. Opera 4 และ 5 (Windows)
  3. Opera 5 (Mac)

คราวนี้ก็เป็นประโยชน์สำหรับพวกเราล่ะ ถ้าเราต้องการเขียน CSS ให้ทำงานกับ Browser 3 ตัวที่ผมพูดถึงข้างบน ก็เขียนง่าย ๆ ดังตัวอย่างข้างล่างนี้ครับ

body {
color: black;
}
#footer {
/*/*//*/ color: green; /* */
}

จะเห็นได้ว่าผมสั่งให้ สีของตัวหนังสือของทั้งหน้า page เป็นสีดำ และ footer ที่เป็นสีเขียวแต่เมื่อเราเขียน Comment ลักษณะนี้เข้าไป Modern Browser นั้นจะทำให้ตัวหนังสือเป็นสีดำหมดเลย ไม่เว้นแม้แต่ตัวหนังสือที่อยู่ใน #footer แต่ถ้าเป็นเจ้า Browser สามตัวที่ผมพูดถึงข้างบนแล้ว ตัวหนังสือทุกตัวที่อยู่ใน #footer จะแสดงผลออกมาเป็นสีเขียวครับ

หวังว่าคงเป็นประโยชน์กับเพื่อน ๆ ชาว ThaiCSS ครับ

Do not Live with FEAR !!

พบกันคราวหน้าครับ

Back to Top

Tags:

  1. css
  2. comment
  3. netscape4
เนื้อหาที่เกี่ยวข้อง
  1. CSS3 ปฐมบท
  2. การสร้าง Graph โดยใช้ XHTML CSS
  3. ทำ Rollover Navigation Menu ด้วย CSS อย่างง่าย
  4. Accessibility หน้าทีเ่ราไม่ใช่หน้าที่ใคร | วิธีง่าย ๆ ในการทำ Web Accessibility
  5. เปรียบเทียบ Selectors ของ CSS2 และ CSS3
หรือกำลังสนใจ
  1. CSS3 ปฐมบท

Unknown Version Unknown

© Since 2006 ThaiCSS หมู่ที่ 2 บ้านหลุบหวาย ตำบลบ้านตาด อำเภอเมือง จังหวัดอุดรธานี 41000 Contact : Contact ThaiCSS