background-color half transparant.

Weet iemand of het mogelijk is een background-color gedeeltelijk transparant te maken

Stel, ik heb een div met z-index=2, bv. als bevestiging van het verwijderen van iets uit de db.

Het is mogelijk die hele div een opacity/alfa waarde mee te geven.

Ik wil echter niet dat de tekst minder leesbaar is.

Ik zou ook een background-image kunnen gebruiken (enkele pixel, met repeat) die op zich al een opacity heeft.

Ik zou ook de div zonder opacity in een div kunnen steken met opacity, waarbij de tekst in de ene staat en de background-color in de andere.

Alternatieven vinden, lukt me dus zelf wel.

Is het echter niet mogelijk de background-color zelf een opacity mee te geven?

ja hoor dat kan heel gemakkelijk.

je moet alleen twee divjes maken.

de onderste van de twee is de half transparant:
de bovenste is een normale div waar je bericht inzet..

css:

#login{
position:absolute;
z-index:10;
background-color: #FF9900;
width:100%;
height:100%;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#login_div{
border:solid 5px white;
background:#FFF url(../../img/login.jpg) bottom right no-repeat;
padding:20px;
width:500px;
height:250px;
position:absolute;
top:50%;
left:50%;
margin-top:-125px;
margin-left:-250px;
z-index:11;
}

Ik heb het net eens uitgetest, vanuit mijn gedacht. Na wat aanpassingen kwam ik uit op iets wat zeer goed lijkt op Bart zijn code.