Opacitate doar la fundal
Scris: Lun Mar 10, 2014
Salutare.
Cum pot pune o opacitate pe fundal fara sa afecteze si textul ??
Cum pot pune o opacitate pe fundal fara sa afecteze si textul ??
Cod: Selectaţi tot
#id_elm {
background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
background: rgba(54, 25, 25, 0.5);
}HTML
Cod: Selectaţi tot
<div id="container">
<div id="block"></div>
<div id="text">Test</div>
</div>Cod: Selectaţi tot
#container {
position: relative;
width: 300px; height: 200px;
}
#block {
background: #CCC;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
position: absolute;
top: 0; left: 0;
height: 100%; width:100%;
}
#text {
position: relative;
margin: 0;
}