Div con opacidad en el fondo pero no en el texto con CSS (Div opacity but not in text)

Para agregar opacidad, se debe añadir este código entre etiquetas <style> o en un fichero de estilo .css.

.opacidad {
    /* Para navegadores que no son compatibles con RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa con opacidad 60% */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

En el código de ejemplo, se supone un div similar a este:

<div class="opacidad">Soy un div opaco</div>

 

 

 

No votes yet.
Please wait...

Deja un comentario

marchurtos
A %d blogueros les gusta esto: