Crear una DIV con trasparencia



El elemento DIV es empleado como contenedor de bloque en HTML. Tiene como propósito dar un estilo concreto a la página web y facilitar su organización. ¿Deseas crear una DIV transparente


Volver la DIV y su contenido transparente

Con esta línea de código la DIV y su contenido serán transparentes: imágenes y texto:

<div style="filter:alpha(opacity=50); opacity:0.5;"></div>

La propiedad opacity es compatible con Firefox, Chrome, Safari y Opera e IE.



Volver la DIV transparente pero no su contenido

Utilizar la propiedad "rgba" de CSS

Para poner color en CSS utilizamos la función rgba():

<div style="background-color: rgba(255, 0, 0, 0.5)"></div>

Esta función no es reconocida por Internet Explorer ni por Opera 9, pero sí por Opera 10.
Artículo Anterior Artículo Siguiente
post ADS 1
post ADS 2