如何使背景DIV只透明使用CSS

我使用CSS attrubutes:

06000

opacity: .9;

使DIV透明,但是当我在这个DIV中添加一个DIV时,它也使它透明。

我想让外(背景)DIV只有透明。怎么样 ?

解决方法

小提琴: http://jsfiddle.net/uenrX/1/

外部DIV的不透明度属性不能被内部DIV撤消。如果要实现透明度,请使用rgbahsla

外部div:

background-color: rgba(255,255,0.9); /* Color white with alpha 0.9*/

内部div:

background-color: #FFF; /* Background white,to override the background propery*/

编辑
因为你在你的问题中添加了filter:alpha(opacity = 90),我假设你还想要一个工作的解决方案(旧版本的IE)。这应该工作(-ms-前缀为最新版本的IE):

/*Padded for readability,you can write the following at one line:*/
filter: progid:DXImageTransform.Microsoft.Gradient(
    GradientType=1,startColorStr="#E6FFFFFF",endColorStr="#E6FFFFFF");

/*Similarly: */
filter: progid:DXImageTransform.Microsoft.Gradient(
    GradientType=1,endColorStr="#E6FFFFFF");

我使用渐变过滤器,从相同的开始和结束颜色开始,以便背景不显示渐变,而是一个平坦的颜色。颜色格式为ARGB十六进制格式。我写了一个JavaScript代码段将相对不透明度值转换为绝对alpha-hex值:

var opacity = .9;
var A_ofARGB = Math.round(opacity * 255).toString(16);
if(A_ofARGB.length == 1) A_ofARGB = "0"+a_ofARGB;
else if(!A_ofARGB.length) A_ofARGB = "00";
alert(A_ofARGB);

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效