srcmini本文概述
CSS opacity属性用于指定元素的透明度。简单来说, 你可以说它指定了图像的清晰度。
用技术术语来说, “不透明度”定义为允许光穿过物体的程度。
如何应用CSS不透明度设置
不透明度设置均匀地应用于整个对象, 并且不透明度值是用小于1的数字值定义的。不透明度值越小表示不透明度越高。不透明度不被继承。
CSS不透明度示例：透明图像
让我们看一个简单的CSS不透明度示例, 即图像透明度。
<!DOCTYPE html>
<html>
<head>
<style>
img.trans {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
</style>
</head>
<body>
<p>Normal Image</p>
<img src="rose.jpg" alt="normal rose">
<p>Transparent Image</p>
<img class="trans" src="rose.jpg" alt="transparent rose">
</body>
</html>输出：
普通影像
透明图像
评论前必须登录！
注册