lzth.net
当前位置:首页 >> 设置Div背景色为半透明 >>

设置Div背景色为半透明

设置背景色 同时设置opacity(透明度,取值范围0-1)

要用两个DIV来实现,一个DIV做背景,设透明度,其余不透明的内容放到另一个浮动的DIV中,然后把这个浮动的DIV放到做背景的DIV上面即可.

div 默认的背景色就是透明的,所以如果你设定了背景色的话只需把background-color属性去掉就行了

不知道你background是怎么设置的,如果你同时设置了背景图片和背景色,那么你要把背景图片写在背景色前面,否则背景色会覆盖背景图片;简写的话就是:background: url(图片) no-repeat #666;不简写的话就是先写background-image再

外层div:background-color: rgba(255, 255, 255, 0.9); /* 白色并且阿尔法通道是0.9*/ 内层div:background-color: #FFF; /*背景色是白色, 覆盖原来的颜色*/

#a{background:#FFCC33; filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/width: 300px;height:300px;}还有一种仅让背景半透明,里面内容不会透明#a{background: rgba(255,204,51, 0.5);width: 300px;height:300px;}前三个值表示颜色的red,green,blue值最后一个表示alpha值,就是透明度值,不透明为1

在DIV的样式表内加入 opacity=X; X为数字,从0到1对应完全透明和完全不透明.

问题分析:HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度.举例如下:以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果.HTML代码:<div id="test-1"> 我是黑色背景,不透明的.</div><div

ie8以上用background-color:rgba(rgb是颜色最后那个a是透明);ie8以下 多写一个层

1、无背景色2、用透明背景图

网站首页 | 网站地图
All rights reserved Powered by www.lzth.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com