使用CSS为背景添加透明度
使用opacity 属性可为元素的背景添加透明度。您可以尝试运行以下代码来工作。
示例
<!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>