CSS不透明属性

Question

嗨,我正在使用CSS Opacity属性为div标签,它运作良好,但问题是当我在该div标签上写一些文字或粘贴图像时,它们也会变淡.我只需要div背颜色即可淡化而不是div内容.我的代码是......

#fade div
{
opacity:0.1;
filter:alpha(opacity=10); /* For IE8 and earlier */
width:750px;
height:150px;
background-color:#FFFFFF;
}

#text in fade div
{
font-weight:bold;
color:#8A2BE2;
}

谢谢 !!!

Answer 1

它更容易使用rgba()或透明的PNG用于背景.

rgba(0, 0, 0, .1);
rgba(0, 0, 0); //fallback