CSS opacity คุณภาพ

คำหมายและวิธีใช้

คุณสมบัติ opacity กำหนดระดับความเปิดในปริมาณขององค์ประกอบ

ดูเพิ่มเติมที่：

คู่มือเรียน CSSCSS ความโปร่งใสของรูปภาพ

คู่มือเรียน CSSสี CSS

คู่มืออ้างอิง HTML DOMคุณสมบัติ opacity

ตัวอย่าง

ตั้งค่าระดับความเปิดในปริมาณขององค์ประกอบ div:

div
{
opacity:0.5;
}

ลองทดสอบด้วยตัวเอง

คุณสามารถหาตัวอย่างเพิ่มเติมที่ด้านล่างของหน้านี้

ระบบการเขียน CSS

opacity: value|inherit;

ค่าทางเครื่องหมาย

ค่า คำอธิบาย การทดสอบ
value กำหนดความเปิดในปริมาณ จาก 0.0 (แบบที่สะท้อนเต็มที่) ถึง 1.0 (แบบที่ไม่สะท้อนเลย) การทดสอบ
inherit ควรที่จะสืบทอดค่าความเปิดของตัวปลอดภัยจากตัวปลอดภัยต้นแบบ。

รายละเอียดเทคนิค

ค่าเริ่มต้น: 1
ความสืบทอด: no
เวอร์ชั่น： CSS3
ระบบการเขียน JavaScript: object.style.opacity=0.5

ตัวอย่างเพิ่มเติม

เปลี่ยนความเปิดในปริมาณ
ตัวอย่างนี้แสดงว่าเช่นไรที่จะเปลี่ยนความเปิดในปริมาณทาง JavaScript。

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

หมายเหตุ：IE8 และเวอร์ชั่นต่อเนื่องยิ่งกว่านี้สนับสนุนคุณสมบัติ filter ที่ใช้แทน。ตัวอย่าง: filter:Alpha(opacity=50);