css - div中的CSS不透明度和元素

Question

我使用这个 CSS 在 div 的背景中创建不透明度：

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

我的问题是这种方式改变了 div 内部字体的颜色和 div 的边框颜色。有没有不改变字体颜色的替代品？

Answer 1

设置不透明度时，为整个div设置。如果你只想让背景稍微透明一点，你就必须使用 rgba！

例子：

div {background-color: rgba(0, 0, 0, 0.5);} /* Black rgb(0,0,0) + 0.5 opacity */
div {background-color: rgba(255, 255, 255, 0.7);} /* White rgb(255,255,255) + 0.7 */ opacity

当然，您必须将您拥有的背景颜色集成到 rgba 代码中。前三个数字是正常的红绿蓝值，最后一个是不透明度（从 0 到 1）。

这是将 HEX 值（如#ffffff）转换为 rgba(a) 值的有用工具！

Answer 2

您可以设置背景颜色的不透明度：

background-color: rgba(0, 0, 0, 0.5);

见这个例子：http: //jsfiddle.net/eaAmP/

Answer 3

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

浏览器支持点击这里

 .myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}