Propiedades CSS de opacidad o semitransparencia: opacity y filter

Para que un elemento no sea del todo opaco, que tenga una semitransparencia, se utiliza la propiedad CSS opacity. Por ejemplo, para una opacidad del 50%:

.opacidad {opacity: 0.5;}

Como de costumbre Internet Explorer no lo soporta. Pero al menos tiene una forma de hacerlo, mediante la propiedad filter. Para obtener una opacidad del 50% en IE:

.opacidad {filter: alpha(opacity=50);}

La propiedad opacity valida en CSS 3. La propiedad filter no valida, por lo que deberá ser insertada mediante hojas de estilo llamadas dentro de comentarios condicionales o mediante Javascript.

Saber más: Opacity, How to set the opacity of an element (enlace externo, en inglés).

2 respuestas a «Propiedades CSS de opacidad o semitransparencia: opacity y filter»

  1. BUenos dias:

    Tengo estos dos errores de los 3 que me faltan por deporar:

    Error de análisis sintáctico opacity=75) !important
    La propiedad opacity no existe en CSS versión 2.1 pero existe en : 0.75 0.75

    Me podrias explicar como es eso de comentarios adicionales.

    Un cordial saludo

  2. La propiedad ‘opacity’ valida en CSS 3, si se valida en CSS 2.1 da error, pero no explica bien donde existe.

    Si necesitas validar CSS 2.1 se deben meter las propiedades de opacidad mediante Javascript.

    Lo de los comentarios condicionales: se trata de dar los estilos específicos para Internet Explorer (ya sea en un elemento STYLE, o vinculando una CSS mediante elemento LINK) dentro de los comentarios condicionales (el artículo enlaza a la explicación de uso).

Los comentarios están cerrados.