Atributo opacity de CSS

Definición y uso

La propiedad opacity establece el nivel de opacidad del elemento.

Véase también:

Tutorial de CSS:Transparencia de imágenes de CSS

Tutorial de CSS:Colores CSS

Manual de referencia de HTML DOM:Propiedad opacity

Ejemplo

Establece el nivel de opacidad del elemento div:

div
{
opacity:0.5;
}

Prueba por ti mismo

Puedes encontrar más ejemplos en la parte inferior de esta página.

Sintaxis de CSS

opacity: value|inherit;

Valor de la propiedad

Valor Descripción Pruebas
value Define la opacidad. De 0.0 (completamente transparente) a 1.0 (completamente opaco). Pruebas
inherit Debería heredar el valor de la propiedad opacity del elemento padre.

Detalles técnicos

Valor predeterminado: 1
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.opacity=0.5

Más ejemplos

Cambiar la opacidad de un elemento
Este ejemplo muestra cómo usar JavaScript para cambiar la opacidad de un elemento.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Notas:Las versiones de IE8 y anteriores admiten la propiedad de filtro alternativo. Por ejemplo: filter:Alpha(opacity=50);