<length> | inherit
使用opacity 设置图片元素透明度【CSS3.0参考手册】
css中的opacity属性可以直接设置元素 图片的透明度
语法：
取值：
- <length> ：
- 由浮点数字和单位标识符组成的长度值。不可为负值。默认值为：1
- inherit：
- 默认继承。
说明：
由浮点数字和单位标识符组成的长度值。不可为负值。声明用来设置一个元素的透明度，opacity取值为1的元素是完全不透明的，反之，取值为0是完全透明的，看不见的。1到0之间的任何值都表示该元素的透明程度。
兼容性：
| 类型 |  Internet Explorer |
 Firefox |
 Chrome |
 Opera |
 Safari |
|---|---|---|---|---|---|
| 版本 | (×)IE6 | (√)Firefox 3.0.10 | (√)Chrome 2.0.x | (√)Opera 9.64 | (√)Safari 4 |
| (×)IE7 | (√)Firefox 3.5 | ||||
| (×)IE8 | |||||
示例：
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用opacity 设置元素背景图片透明度、淡化图片</title>
<style type="text/css">
img.opacity1 { opacity:0.25;}
img.opacity2 { opacity:0.50;}
img.opacity3 { opacity:0.75;}
</style>
</head>
<body >
<div><img src="http://www.jsjtt.com/skin/jsjtt//img/logo.gif" class="opacity1" alt="tencent" /></div>
<div><img src="http://www.jsjtt.com/skin/jsjtt//img/logo.gif" class="opacity2" alt="tencent" /></div>
<div><img src="http://www.jsjtt.com/skin/jsjtt//img/logo.gif" class="opacity3" alt="tencent" /></div>
</body>
</html>
来源：//作者：/更新时间：2014-01-15
顶
踩
相关文章：
