ใช้ ความทึบ คุณสมบัติเพื่อเพิ่มความโปร่งใสให้กับพื้นหลังขององค์ประกอบ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้งานได้
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: #808000;
padding: 20px;
}
div.one {
opacity: 0.2;
filter: alpha(opacity=20);
}
div.two {
opacity: 0.5;
filter: alpha(opacity=50);
}
</style>
</head>
<body>
<h1>Heading</h1>
<p>Check transparency in the below section:</p>
<div class = "one">
<p>opacity 0.2</p>
</div>
<div class = "two">
<p>opacity 0.5</p>
</div>
<div>
<p>opacity 1</p>
</div>
</body>
</html> 