css如何设置元素透明?

css中的opacity属性可以设置元素透明度。

属性语法为:opacity: value|inherit;

属性值:

value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

inherit 应该从父元素继承 opacity 属性的值。

推荐:css文档

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>设置元素透明度</title>
<style type="text/css">
.div1
{ 
  filter:alpha(opacity=50);  
  opacity:0.1; 
  width:100px;
  height:100px;
  background-color:green;
} 
.div2
{ 
  filter:alpha(opacity=50);  
  opacity:0.5; 
  width:100px;
  height:100px;
  background-color:green;
} 
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>

效果如下:

1.jpg

更多web前端相关知识,请查阅 HTML中文网 !!

以上就是css如何设置元素透明?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏