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

ผมเคยแนะนำไปแล้วว่าเราสามารถใช้ Comment ตบตา Netscape 4 แต่คราวนี้เรา จะมาใช้ Comment ตบตา Modern Browser ให้มองไม่เห็นคำสั่งบ้าง ให้คุณลุง Netscape 4 แกมองเห็นเพียงแต่คนเดียว

วิธีนี้ใช้ได้ผลชงัดแถม 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 !!

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