ความรู้ที่เกี่ยวข้องเกี่ยวกับความโปร่งใสของ CSS Alpha โปรดดูรหัสต่อไปนี้ก่อน:
รหัสโปรแกรม
ตัวกรอง:อัลฟ่า(ความทึบ=50); /* IE */
-moz-ความทึบ:0.5; /* Moz + FF */
ความทึบ: 0.5; /* เบราว์เซอร์ที่รองรับ CSS3 (FF 1.5 ก็รองรับเช่นกัน) */
เพื่ออธิบายโดยย่อ IE ใช้ตัวกรองแอตทริบิวต์ส่วนตัว:อัลฟา(ความทึบ), Moz Family ใช้แอตทริบิวต์ส่วนตัว -moz-opacity และแอตทริบิวต์มาตรฐานคือความทึบ (CSS 3, Moz Family รองรับ CSS3 บางส่วน) ค่าต่อไปนี้คือความโปร่งใส ใช้เปอร์เซ็นต์หรือทศนิยม (อัลฟา (ความทึบ)) ใช้ค่าที่มากกว่า 0 แต่น้อยกว่า 100 ซึ่งจริงๆ แล้วเป็นเปอร์เซ็นต์) คุณไม่เห็น Opera จากโค้ดด้านบน ถูกต้อง Opera ยังไม่รองรับความทึบมาตรฐาน และไม่มีคุณสมบัติส่วนตัวของตัวเองเพื่อรองรับความโปร่งใสของอัลฟ่า อย่างไรก็ตาม เรารู้ว่า Opera รองรับภาพ PNG โปร่งใสของ Alpha (แน่นอนว่า Moz Family ก็รองรับเช่นกัน) ดังนั้นเราจึงสามารถใช้ภาพพื้นหลังเพื่อให้เกิดความโปร่งใสของอัลฟ่าได้
สิ่งสำคัญคือ:
รหัสโปรแกรม
พื้นหลัง: URL โปร่งใส (alpha80.png) ซ้ายบน ทำซ้ำ!สำคัญ;
พื้นหลัง:#ccc;
ตัวกรอง: อัลฟ่า (ความทึบ = 50);
เนื่องจาก Moz Family รองรับ PNG แบบอัลฟาโปร่งใส เราจึงไม่จำเป็นต้องใช้คุณสมบัติส่วนตัว แน่นอน คุณสามารถใช้ความทึบมาตรฐานได้ แต่อย่าใช้รูปภาพโปร่งใสอัลฟ่าและความทึบในเวลาเดียวกัน ไม่เช่นนั้นจะกลายเป็นส่วนผสมของทั้งสอง คุณสามารถดาวน์โหลดตัวอย่างข้างต้นและดูความคิดเห็นของ /*opacity:.5;*/