代码实例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 and earlier */
}
</style>
</head>
<body>
<div>This element's opacity is 0.5! Note that both the text and the background-color are affected by the opacity level!</div>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
实例
设置 div 元素的不透明级别：
div
{
opacity:0.5;
}定义和用法
opacity 属性设置元素的不透明级别。
语法
opacity: value|inherit;
| 值 | 描述 |
|---|---|
| value | 规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。 |
| inherit | 应该从父元素继承 opacity 属性的值。 |
