How to fix background Opacity css

Tags: jquery,html,css

Problem :

It is possible to implement the opacity only to the background and not to the text ?

Demo: 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;
}

---

Solution :

Here you are - http://jsfiddle.net/4Zbsd/7/

On the background property use 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;
    }