背景上的CSS透明度会影响内容

我有一个具有CSS属性的div，如下所示：

div.header {
    opacity:0.4;
    filter:alpha(opacity=40);
    background:#000;
    width:300px;
    height:300px;
}

---

问题是这个div中的内容也具有相同的透明度。如何仅让背景色/div显示透明度而不影响该div内的内容？

您可以使用

rgba

颜色：

div.header {
    background:rgba(0,0,0,0.4);
    width:300px;
    height:300px;
}

---

您可以使用

rgba

颜色：

div.header {
    background:rgba(0,0,0,0.4);
    width:300px;
    height:300px;
}

---

您可以尝试使用rgba

background:rgba（0,0,0,0.6）设置背景其中
0.6
类似于不透明。或者将不透明度的背景放在某个div中，然后在该div内部创建另一个不透明度的内容div。
您可以尝试使用rgba设置背景
背景：rgba（0,0,0,0.6）其中
0.6
类似于不透明。或者将不透明度的背景放在某个div中，然后在该div的内部创建另一个内容不透明度的div。
您可以在背景上使用
rgba
：

div.header{
/*不支持RGBa的web浏览器的回退*/
背景：rgb（0,0,0）；
/*不透明度为0.6的RGBa*/
背景：rgba（0,0,0,0.4）；
/*对于IE 5.5-7*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=#66000000，endColorstr=#66000000）；
/*对于IE 8*/
-ms过滤器：“progid:DXImageTransform.Microsoft.gradient（startColorstr=#66000000，endColorstr=#66000000）”；
}

IE的颜色通过以下公式计算：

Math.floor(0.4 * 255).toString(16); // 0.4 is your desired opacity

它为您提供
66
，从而成为颜色的前两位数字

您可以在后台使用
rgba
：

div.header{
/*不支持RGBa的web浏览器的回退*/
背景：rgb（0,0,0）；
/*不透明度为0.6的RGBa*/
背景：rgba（0,0,0,0.4）；
/*对于IE 5.5-7*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=#66000000，endColorstr=#66000000）；
/*对于IE 8*/
-ms过滤器：“progid:DXImageTransform.Microsoft.gradient（startColorstr=#66000000，endColorstr=#66000000）”；
}

IE的颜色通过以下公式计算：

Math.floor(0.4 * 255).toString(16); // 0.4 is your desired opacity

它为您提供
66
，从而成为颜色的前两位数字

+1对于不支持
rgba
的浏览器，您应该在rgba之前声明
rgb
属性，对于不支持
rgba
+1的IE版本，您可以使用
rgb
属性，对于不支持
rgba
的浏览器，您应该在rgba之前声明
rgb
属性，对于IE版本，您可以使用不支持
rgba