css透明度，css中如何设置透明度
大家好,今天小编来为大家解答以下的问题，关于css透明度，css中如何设置透明度这个很多人还不知道，现在让我们一起来看看吧！
css中,怎么写背景图片的透明度
亲，我们经常会使用到背景图片，但有时候需要把背景图片设置一个半透明的效果，那么就需要以下的CSS了。这是一个CSS滤镜达到的效果，应用十分广泛。
.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}
注：
代码应用的式CSS中的Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。具体语法如下：
{filter：alpha(opacity=#opacity,finishopacity=#finishopacity,
style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具体参数含义如下：
“opacity”表示透明度调节，范围在0－100，0表示完全透明，100表示完全不透明。
“finishopacity”是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0到 100。
“style”指定透明区域的形状特征：0代表统一形状，1代表线形，2代表放射状，3代表矩形
“startx”渐变透明效果开始处的 X坐标。
“starty”渐变透明效果开始处的 Y坐标。
“finishx”渐变透明效果结束处的 X坐标。
“finishy”渐变透明效果结束处的 Y坐标。
以上的参数可以选用，可以只设置一个opacity
如果设置成下面代码，就表示背景式半透明的：
{filter:alpha(opacity=50)}
用css实现div的黑色透明
现在比较稳妥的做法是做一个半透明的黑色PNG图片，然后把它作为背景，因为单纯用CSS来写，在IE8及以下版本里面是不生效的。当然如果一定要用CSS来实现的话，也容易，可以直接设置这个元素的透明度，例如下面这样：
background:#000; opacity: 0.8;
也可以直接设置背景色为透明色，例如：
background:rgba(0,0,0,0.8);
这也是楼上的方法，相对而言这个方法还是比较简洁的，只是会遇到一点点浏览器兼容的问题罢了。
css box-shadow 怎么设置透明度
1、首先打开html编辑器，新建一个html文件，在文件内写入两个div，设置它们的样式为div1和div2：
2、然后分别设置两个div的样式，给它们相同的高度和宽度以及颜色，最后设置box-shadow属性，这里的颜色使用rgba来设置，最后一个属性好就是设置透明度的，其中一个设置1另一个设置0.5即可：
3、最后在浏览器中观察两个div的阴影样式，下面的明显比上面的要淡一些。以上就是css中box-shadow设置透明度的办法：
css中如何设置透明度
1、创建一个html文件。
2、在html文件找到一个<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。
代码：<div class="rgba"></div>
3、为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。
代码：
<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>
4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。
5、所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css设置背景透明</title>
<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>
</head>
<body>
<div class="rgba"></div>
</body>
</html>
非常感谢您的阅读！我们希望本文对于解决您关于css透明度的问题提供了一些有价值的信息。如果您还有其他疑问，我们将很乐意为您提供进一步的帮助。