当前位置: 代码迷 >> Web前端 >> 设立div的透明背景
  详细解决方案

设立div的透明背景

热度:77   发布时间:2012-11-06 14:07:00.0
设置div的透明背景
仅仅只是设置背景色透明,CSS如下:
.testdiv{
position: fixed;
z-index: 1;
top:60px;
left:295px;
height: 40px;
border: 0;
margin: 0;
padding: 0;
z-index: 2;
background-color: none;
background-color: transparent; /*效果同none*/

}


如果是设置整个div是透明背景,CSS如下:
.testdiv{
position: fixed;
z-index: 1;
top:60px;
left:295px;
height: 40px;
border: 0;
margin: 0;
padding: 0;
z-index: 2;
background-color: rgb(255, 255, 255);
filter:alpha(opacity=20); /*ie透明度20%*/
-moz-opacity:0.8;        /*Moz + FF 透明度20%*/
opacity:0.8;
/*支持CSS3的浏览器(FF1.5也支持)透明度20%*/
}
  相关解决方案