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

我正在使用CSS属性:

过滤器:alpha(不透明度=90);

不透明度:.9

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

我想使外部(背景)DIV只透明。怎么做

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

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

外分区:

背景色:rgba(255,255,255,0.9);/*颜色为白色,alpha为0.9*/

内分区:

背景色:#FFF;/*背景白色,以替代背景属性*/

编辑
因为您在问题中添加了filter:alpha(不透明度=90),所以我假设您还需要(旧版本的)IE的工作解决方案。这应该可以(-ms-最新版本IE的前缀):

/*为了便于阅读,可以在一行中编写以下内容:*/
过滤器:progid:DXImageTransform.Microsoft.Gradient(
渐变类型=1,
startColor=“#E6FFFFFF”,
endColorStr=“#E6FFFFFF”);
/*同样地:*/
过滤器:progid:DXImageTransform.Microsoft.Gradient(
渐变类型=1,
startColor=“#E6FFFFFF”,
endColorStr=“#E6FFFFFF”);

我使用了渐变滤镜,从相同的开始-结束颜色开始,这样背景就不会显示渐变,而是一种平坦的颜色。颜色格式为ARGB十六进制格式。我编写了一个JavaScript代码片段,用于将相对不透明度值转换为绝对alpha十六进制值:

var不透明度=.9;
var A_of argb=数学圆(不透明度*255).toString(16);
如果(A_of argb.length==1)A_of argb=“0”+A_of argb;
否则,如果(!A_of argb.length)A_of argb=“00”;
警报(ARGB的A_);

发表评论