Opacity 简 介
Opacity 用于设置元素的透明度级别，包括图片等元素。
| 默认值： | 1 |
|---|---|
| 继承： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.opacity=0.5 |
语 法 ：opacity: value|inherit;
| 值 | 描述 |
|---|---|
| value | 指定不透明度。从0.0（完全透明）到1.0（完全不透明） |
| inherit | Opacity 属性的值应该从父元素继承 |
所有主流浏览器都支持 opacity 属性。.注意：IE8 和早期版本支持另一种过滤器属性。像：filter:Alpha(opacity=50)
编码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Text-shadow</title>
<style type="text/css">
#h3_1 {
opacity: 0.8;
}
#h3_2 {
opacity: 0.5;
}
#h3_3 {
opacity: 0.2;
}
img {
opacity: 0.1;
}
</style>
</head>
<body>
<h3 id="h3_1">不透明度 0.8 </h3>
<h3 id="h3_2">不透明度 0.5 </h3>
<h3 id="h3_3">不透明度 0.2 </h3>
<img src="https://avatar.csdn.net/6/D/4/3_wangmx1993328.jpg">
</body>
</html>