English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo opacity de CSS especifica la opacidad de un elemento.
La tabla a continuación describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | 1 (Opaco) |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | No |
| Animable: | es.Por favor, consulte Atributos de animación. |
| Versión: | CSS3nueva característica |
| Sintaxis de JavaScript: | object.style.opacity=0.5 |
La sintaxis de este atributo es la siguiente:
opacity: alphavalue | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo opacity.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Prueba aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| alphavalue | 0 (completamente transparente) a1en el rango de (completamente opaco) números. Cualquier valor más pequeño o mayor se limitará en este rango. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza el valor del atributo opacity del elemento padre. |
La compatibilidad del atributo opacity en los navegadores de Firefox, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores populares admiten este atributo.
|
Nota: Internet Explorer 8y las versiones anteriores no admiten opacity, sino métodos alternativos, solo Microsoft filterAtributo. Me gusta: filter: Alpha(opacity=50); Conozca más sobreOpacidad de CSSMás información
Por favor, consulte los tutoriales relacionados con el siguiente contenido:Opacidad de CSS,Valores de color de CSS.