Latest web development tutorials

HTML DOM Estilo propriedade opacidade

Estilo Object Reference estilo Objects

Exemplos

Vamos elemento DIV translúcido:

document.getElementById("myDIV").style.opacity="0.5";

tente »

Definição e Uso

conjuntos de propriedades de opacidade ou retorna a opacidade do elemento.

elementos de nível de opacidade descrever o nível de transparência, quando a opacidade 1 é totalmente opaco, translúcido representou 0,5, quando a opacidade é completamente transparente quando a opacidade do 0:00.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam propriedade opacidade.

Nota: IE8 e versões anteriores suportar uma outra alternativa da propriedade atributo que propriedades do filtro.


gramática

atribui a opacidade de volta:

object .style.opacity

Defina as propriedades de opacidade:

object .style.opacity="number|initial|inherit"

Valor de propriedade

描述
number 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: 1
retorna: String representando a opacidade atributos do elemento.
versão CSS CSS3


artigos relacionados

CSS Referência: propriedade Opacidade


Estilo Object Reference estilo Objects