`
lxs647
  • 浏览: 517199 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

设置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%*/
}
分享到:
评论
1 楼 Jelly_B 2014-05-19  
 

相关推荐

    DIV背景透明样式使用

    DIV背景透明样式使用DIV背景透明样式使用DIV背景透明样式使用DIV背景透明样式使用DIV背景透明样式使用DIV背景透明样式使用DIV背景透明样式使用DIV背景透明样式使用

    div背景透明

    div背景透明文字不透明,ie火狐都支持

    div设置背景图片透明度且字不透明

    div设置背景图片透明度且字不透明,div设置背景图片透明度且字不透明

    div 背景透明度 如何设置一个div的背景透明度

    你读DIV背景颜色透明度的设置是否熟悉,这里和大家简单分享一下,通常我们通过DIV的style样式属性filter来设置DIV背景透明样式,也可根据alpha提供的参数进行组合控制。 本节向大家爱描述一下如何设置DIV背景颜色...

    div+css设置div的背景为半透明的方法

    设置div的背景为半透明,下面有个不错示例,使用div+css来实现下,不会的朋友可以参考下

    div背景半透明,覆盖整个可视区域的遮罩层效果

    1 、半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...

    div背景色半透明

    可实现div背景色半透明,不是用的filter:alpha(opacity=50);opacity:0.5;属性,而是用的rgba(0,0,0,0.5),如果用的filter:alpha(opacity=50);opacity:0.5;那么它有个缺点,就是这个div里边的所有子元素也会有半透明...

    网页特效 | 纯CSS控制DIV背景透明效果

    纯CSS控制DIV背景透明效果,没有什么好解释的,代码全在文件里面,直接预览或者用记事本打开即可。rgba参数(red,green.,blue,alpha),alpha值0-1 ie滤镜参数#3363370b,前两位为16进制透明度, 比如说值是上面用到的...

    js+CSS实现弹出居中背景半透明div层的方法.docx

    js+CSS实现弹出居中背景半透明div层的方法.docx

    DIV进阶效果集(圆角div、div自适应宽度、背景色渐变等)

    css边框背景阴影 DIV自适应宽度 背景色渐变、透明 多行自适应浏览器高度 圆角div 固定高度div,随内容自动变高css定义方法等等

    CSS+DIV弹出居中层同时背景变灰色半透明源码

    CSS+DIV弹出居中层同时背景变灰色半透明源码

    js把图片的背景变透明

    图片的背景变透明不是为了酷,而是实际开发工作的需要。在web开发中,经常在网页上添加图片,如果图片的背景与网页的背景不同,会非常难看。如果图片的背景是透明的,那么无论网页的背景是什么,图片的背景是看不到...

    winform panel控件背景透明

    winform panel控件背景透明 在网页中通过div+css实现半透明效果不难,今天我们看看一种在winfrom中实现的方法

    div+css教程A标签属性hover背景图片透明度显示

    div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示

    DIV背景半透明文字不半透明的样式

    DIV背景半透明,DIV中的字不半透明如何实现,下面有个不错的示例,感兴趣的朋友可以了解下

    div+css技术收集

    javascript+css一张背景图片的不同切换,DIV背景图片变暗,CSS渐变色,设置div的透明背景,10个非常有用的CSS技巧,图片凸起效果,点击div背景图切换,动态背景

    新Div拖动调整大小实例

    如果选中可移动后,鼠标经过标题位置(蓝色背景)处会变成移动的图标,此时按住鼠标左键会产生一个半透明的DIV,按住鼠标不动拉动此半透明DIV会跟随移动,释放鼠标左键后会产生一段原始位置移动至半透明位置的动画,...

    CSS 背景渐变

    CSS 设计指南学习小结

Global site tag (gtag.js) - Google Analytics