如何修复背景Opacity css

Question

可以仅对背景而不是文本实现不透明度吗？

演示：http://jsfiddle.net/4Zbsd/

.box
{
background-color: #000;
opacity: 0.7;
filter: alpha(opacity=70);
color: #fff;
height: auto;
width: 232px;
margin: 5px 0px 0px 20px;
padding: 1px 0px 1px 15px;
border-radius: 15px;
border: solid 1px #000;
}

Answer 1

你在这里 - http://jsfiddle.net/4Zbsd/7/

在background属性上使用rgba color - “background：rgba（0,0,0，.7）;”

 .box
    {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    height: auto;
    width: 232px;
    margin: 5px 0px 0px 20px;
    padding: 1px 0px 1px 15px;
    border-radius: 15px;
    border: solid 1px #000;
    }

Answer 2

有两种可能性：

1. 使用width: 100%; height: 100%; position: absolute; top: 0; left: 0; bsckgorund: #fff; opacity: .7
添加其他元素
2. 较短，不适用于较旧的浏览器，请使用RGBA背景，因此：background: rgba(255, 255, 255, .7)

Answer 3

您可以在背景上使用RGBA。像这样：

background-color: rgba(0,0,0,.2);