ddgw.net
当前位置:首页 >> Css透明度怎么调 >>

Css透明度怎么调

怎样在CSS样式中设置背景的透明度,下面一个具体的实例.把类为box的层设为透明.<div class="box"></div><style>.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3;

有两种:1、background:#000; opacity:0.5; 这个方法是给盒子背景颜色透明,但盒子里面有内容的话,连内容也会透明,就是说子元素会继承上一级的属性2.background:rgba(0,0,0,0.5); 这个只针对背景颜色,子元素不会继承上一级的属性

1、准备好初始化的代码<html><head><meta charset="utf-8"/><style></style></head><body><div></div></body></html>2、初始化样式div{border:1px red solid;width:800px;height:800px;background-color:blue;}3、运行结果为4、设置背景颜色半透明的样式代码background-color:rgba(0,0,255,0.5);5、运行结果为透明原理:把背景颜色设置为rgb的方式,然后再加一个透明度就可以设置为半透明了.注意:设置背景颜色时哪里应该写成rgba.

css中filter仅支持ie6以及以上版本,其余浏览器,包括firefox,chrome,opera,Safari都不支持.要在这些版本设置透明度,可用opacity属性,支持的浏览器包括IE 9.0,Firefox,Safari,Chrome,opera.opacity取值在0到1之间浮动以下是示例代码<!

您好,如果你想设置背景颜色得透明度,可以用background:rgba(r,g,b,a)其中a为透明度,从0-1 如果你想设置整体透明度,可以使用css属性opacity:0到1;

可以用这个属性:opacity: 0.95; opacity为属性,0.95为值(其中值的范围在0~1之间)

之前,回答过一个这样的问题,,说明一下,背景图片是调整不了透明度的,你只能调整容器的透明度来实现容器内的背景,内容也出现透明度.<style>#box{width:200px;height:200px;background:url(背景路径); opacity:0.5; filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* 旧版IE */}</style><div id=box></div>

opacity: 0.3; 通过后面的值设置通明度.

如设置50%的透明度 前一个支持ie,后一个支持ff等 img {filter:alpha(opacity=50);opacity:0.5;}

1、滤镜:alpha 语法:style="filter:alpha(opacity=opacity, finishopacity=finishopacity,style=style, startx=startx,starty=starty,finishx=finishx,finishy=finishy)" 说明: opacity:起始值,取值为0~100, 0为透明,100为原图. finishopacity:目标值.

网站首页 | 网站地图
All rights reserved Powered by www.ddgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com