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）。

Here是将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);
}

对于浏览器支持 click here

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

Css不透明度和div中的元素

3 个答案: