这篇文章给大家聊聊关于css背景图片透明度，以及background图片透明度对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。
一、HTML如何给背景颜色设置透明度
（2）在html文件找到一个<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。如图
（3）为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。如图
（4）保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。如图：
（5）所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。如图
二、css把背景变全透明
怎样换百度空间的背景2006年08月26日星期六 05:58(1)随文字滚动的背景 1.进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让您：•直接编辑CSS文件，实现个性化效果----|编辑| 2.删除开头处的4句语句： body{background-color:#FFFFFF}#header{height:89px;background:#CDF991}#header div.lc{}#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right} 3.删除第21行处的这条语句：.stage{background:#DFFFB2} 4.在开头位置复制并粘贴以下语句： body{background: url(
" target="_blank">
); background-position:0px-200px} 5.按|保存并应用|退出其中 url（）括号中的内容自己找个图片弄上去吧其中 background-position:0px-200px是定义背景图片位置的，第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置(2)固定的背景 1.进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让您：•直接编辑CSS文件，实现个性化效果----|编辑| 2.删除开头处的4句语句： body{background-color:#FFFFFF}#header{height:89px;background:#CDF991}#header div.lc{}#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right} 3.删除第21行处的这条语句：.stage{background:#DFFFB2} 4.在开头位置复制并粘贴以下语句： body{background:url(
" target="_blank">
) repeat fixed!important} 5.按|保存并应用|退出改变模块的透明度.全透明代码:{background:transparent}半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}你只要在前面加上你要改变的百度模块就行了. CSS说明http://www.baidu.com/search/hi/hi_css.html
" target="_blank">
); background-position:0px-200px} 5.按|保存并应用|退出其中 url（）括号中的内容自己找个图片弄上去吧其中 background-position:0px-200px是定义背景图片位置的，第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置(2)固定的背景 1.进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让您：•直接编辑CSS文件，实现个性化效果----|编辑| 2.删除开头处的4句语句： body{background-color:#FFFFFF}#header{height:89px;background:#CDF991}#header div.lc{}#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right} 3.删除第21行处的这条语句：.stage{background:#DFFFB2} 4.在开头位置复制并粘贴以下语句： body{background:url(
" target="_blank">
) repeat fixed!important} 5.按|保存并应用|退出改变模块的透明度.全透明代码:{background:transparent}半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}你只要在前面加上你要改变的百度模块就行了. CSS说明http://www.baidu.com/search/hi/hi_css.html
); background-position:0px-200px} 5.按|保存并应用|退出其中 url（）括号中的内容自己找个图片弄上去吧其中 background-position:0px-200px是定义背景图片位置的，第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置(2)固定的背景 1.进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让您：•直接编辑CSS文件，实现个性化效果----|编辑| 2.删除开头处的4句语句： body{background-color:#FFFFFF}#header{height:89px;background:#CDF991}#header div.lc{}#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right} 3.删除第21行处的这条语句：.stage{background:#DFFFB2} 4.在开头位置复制并粘贴以下语句： body{background:url(
" target="_blank">
) repeat fixed!important} 5.按|保存并应用|退出改变模块的透明度.全透明代码:{background:transparent}半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}你只要在前面加上你要改变的百度模块就行了. CSS说明http://www.baidu.com/search/hi/hi_css.html
" target="_blank">
) repeat fixed!important} 5.按|保存并应用|退出改变模块的透明度.全透明代码:{background:transparent}半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}你只要在前面加上你要改变的百度模块就行了. CSS说明http://www.baidu.com/search/hi/hi_css.html
) repeat fixed!important} 5.按|保存并应用|退出改变模块的透明度.全透明代码:{background:transparent}半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}你只要在前面加上你要改变的百度模块就行了. CSS说明http://www.baidu.com/search/hi/hi_css.html
三、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
如果设置成下面代码，就表示背景式半透明的：
四、css里面怎么设置图片的透明度,代码是什么,谢谢
在图片的属性中加上{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：
Firefox、Chrome、Opera、Safari。（也就是说，除了IE，它支持所有主流浏览器）；
filter:alpha(opacity=50);是专门给IE设定的属性，取值的范围在0-100之间；
-moz-opacity是为了兼容一些老版本的Mozilla浏览器，取值范围在0-1之间；
-khtml-opacity是为了兼容一些老版本的Safari浏览器，取值范围在0-1之间。
以上是兼容浏览器参数，看别人的代码，通常情况下会剩去后两个属性，这是因为Mozilla和Safari浏览器都支持自动更新，用这些浏览器的人一般用的也是较新的版本，因此后两个为了兼容较老的浏览器的属性不用也罢。
以上就是CSS透明属性的基本用法，然而用到透明属性的地方，一般都是用在层叠层次较多的下层
来用，这就需要考虑CSS的继承问题：因为下层透明的元素，上层也会跟着透明。目前我还没有很
好的方法解决这个继承问题（有更好解决办法的欢迎留言告之），所以遇到这种情况，我通常是
把HTML部分要透明的部分独立分离开，然后采用定位的方法再把它定位到该放置的位置。
五、CSS如何定义DIV背景半透明颜色
“长城郭靖”回答的是错的，他答的是让整个元素半透明
只让背景半透明只有一个办法，就是用rgba颜色，代码如下
background:rgba(0,0,0,0.5)
解释：这是黑色半透明的代码
前三个值表示颜色的red,green,blue值
最后一个表示alpha值，就是透明度值，不透明为1
（支持IE8+以及所有现代浏览器）
还是不懂的话，可以参考百度百科“rgba”词条和“CSS颜色值”词条
关于css背景图片透明度，background图片透明度的介绍到此结束，希望对大家有所帮助。
