css3透明度怎么写

1.css中,怎么写背景图片的透明度这个真没有,
你只能设置容器的透明度,粟子:
<style>
#test{width:320px;height:320px;background:url(背景地址);opacity:0.7;filter:alpha(opacity=70)
}
<div id="test">;这个DIV是有背景图片的哦</div>
事实上,上面的是设置ID为TEST的透明度,,因为背景是应用在TEST上的,所以也会跟着透明度,,达到你的要求,,
2.html 透明度1、首先创建一个html文件 。
2、在html文件找到一个<body>标签,在这个标签里创建一个标签并添加一个类,在这把这个类设置为:rgba 。如图代码: 。
3、为div添加样式 。在标签后面创建一个<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、最后运行这就完成了 。
3.DIV+CSS里怎么调整背景透明度css:
body{
margin:0;
padding:0;
background-color:#FFFFFF;
}
.alpha1,.alpha2{
width:100%;
height:auto;
min-height:250px;/* 必需 */
_height:250px;/* 必需 */
overflow:hidden;
background-color:#FF0000;/* 背景色 */
}
.alpha1{
filter:alpha(opacity=20); /* IE 透明度20% */
}
.alpha2{
【css3透明度怎么写】background-color:#FFFFFF;
-moz-opacity:0.8; /* Moz + FF 透明度20%*/
opacity: 0.8; /* 支持CSS3的浏览器(FF 1.5也支持)透明度20%*/
}
.ap2{
position:absolute;
}
-->
html:
4.DIV的半透明背景怎么写的.tranDiv {position:absolute;width:250px;height:100%;top:0px;left:0px;border:2px solid #ffffff}
.tranDivBack { position:absolute; width:100%; top:0px; left:0px; height:100%;background-color:#ffffff; z-index:-10; opacity:0.4 ; filter:alpha(Opacity=40);}
<div ">
内容
内容
<div " > <img src= "http://www.xuexi88.com/zhishi/about:blank" border= "0 " height= "0 " width= "0 " one rror= "this.parentNode.style.height=this.parentNode.parentNode.offsetHeight+ 'px ' " /> </div>
</div>
如何用CSS实现背景半透明效果?做过活动页面的同学可能会遇到要做背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容 。不过如果你只需求在IE下实现,我们有更简单的做法:
HTML代码:
<div <div <p>;背景为红色(#FF0000),透明度20% 。</p>
</div>
</div>
CSS代码:
.alpha1{
width:300px;
height:200px;
background-color:#FF0000;
filter: Alpha(Opacity=30);
}
.ap2{
position:relative;
}
这样基本就可以实现啦,也不用担心定位和自适应问题,最大的问题是仅IE支持 。
如果兼容FF、OP怎么写呢?首先,上面这种定法是不行的啦,那就只能用两个层重叠的方法啦 。
改下页面结构与CSS样式:
HTML代码:
<div <div <p>;背景为红色(#FF0000),透明度20% 。</p>
</div>
<!--[if IE]><![if !IE]><![endif]--> <div <!--[if IE]><![endif]><![endif]-->
</div>
CSS代码:
.alpha1,.alpha2{
width:100%;
height:auto;
min-height:250px;/* 必需 */
_height:250px;/* 必需 */
overflow:hidden;
background-color:#FF0000;/* 背景色 */