English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O atributo opacity do CSS especifica a opacidade de um elemento.
A tabela a seguir fornece uma descrição do uso e histórico de versões deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.
| Valor padrão: | 1 （não transparente） |
|---|---|
| Aplicável a: | Todos os elementos |
| Herança: | Não |
| Animável: | é.Por favor, consulte Atributo de animação。 |
| Versão: | CSS3nova funcionalidade |
| Sintaxe do JavaScript: | object.style.opacity=0.5 |
A sintaxe deste atributo é a seguinte:
opacity: alphavalue | initial | inherit
O exemplo a seguir demonstra como usar o atributo opacity.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Teste e veja‹/›A tabela a seguir descreve os valores deste atributo.
| Valor | Descrição |
|---|---|
| alphavalue | 0（完全透明）到1faixa de números de (não transparente)范围内的数字。任何较小或较大的值都将限制在此范围内。 |
| initial | Defina este atributo para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor do atributo opacity do elemento pai. |
Compatibilidade do navegador do atributo opacity
|
Atenção: Internet Explorer 8e versões mais antigas não suportam opacity, mas sim métodos substitutivos, apenas o Microsoft filterGostou: filter: Alpha(opacity=50); Conheça mais sobreOpacidade do CSSMais informações
Por favor, consulte as tutoriais relacionadas ao seguinte conteúdo:Opacidade do CSS，Valores de cor do CSS。