opacity属性的使用方法
描述如下
opacity:值;
在值部分中，可以使用0.0到1.0的数值指定不透明度。数字越大，不透明度越高，显示的越清晰。相反，数字越小，不透明度越低，显示的越模糊。此外，如果为值输入inherit，则继承父元素的值。
即使将其设置在0.0到1.0的范围之外，也可以在此范围内应用（例如：-1→0/2→1）将不透明度设置为0使其完全透明，并从屏幕上消失。
当不透明度设置为1时，它变得完全不透明。（初始值）
接下来让我们来看opacity属性的具体示例
当值是小数点时
代码如下
HTML代码
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<linkrel="stylesheet"href="sample.css"type="text/css">
</head>
<body>
<div>
<p>当值是小数的情况下</p>
</div>
</body>
</html>
CSS代码
div{background-color:#b0e0e6;}
p{opacity:0.5;}
在这里，我们在<div>区域的<p>段落中输入文本，背景颜色为#b0e0e6，并将<p>的不透明度值设置为0.5。
在浏览器上显示效果如下：
段落的字符部分的不透明度已经改变，它显示出略微透明。此外，由于<div>区域中未设置不透明度，因此背景颜色的不透明度未更改。
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56353.shtml
