前端---HTML设置透明度opacity

指定透明度的属性是opacity,属性值从 0.0 到 1.0。值越小,越透明

设置 div 元素的不透明级别:

div
{
opacity:0.5;
}

定义和用法

opacity 属性设置元素的不透明级别。

默认值: 1
继承性: no
版本: CSS3
JavaScript 语法: object.style.opacity=0.5

语法

opacity: value|inherit;
描述  
value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。  
inherit 应该从父元素继承 opacity 属性的值。  

设置后的代码及效果图如下: 

<div style="padding:10px;background-color:green;opacity:0.1;">   
测试 CSS3 opacity 属性的不透明度处理   
</div>   
<div style="padding:10px;background-color:green;opacity:0.5;">   
测试 CSS3 opacity 属性的不透明度处理   
</div>   
<div style="padding:10px;background-color:green;opacity:0.8;">   
测试 CSS3 opacity 属性的不透明度处理   
</div>  

猜你喜欢

转载自blog.csdn.net/weixin_42504145/article/details/82833259