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