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

前端之家收集整理的这篇文章主要介绍了如何使背景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);
原文链接:https://www.f2er.com/css/220179.html

猜你在找的CSS相关文章