Opacidade cross browser

Question

Eu tenho um requisito muito simples, fazer um olhar ligação desativado. Por que é tão difícil ??

.disabled { 
    -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50; 
}

É o meu estilo. Eu apliquei-lo para um li ... mas no IE7 ele só não faz nada. FF e IE8 parece funcionar, mas IE7 é apenas lixo

Qualquer pistas?

Answer 1

Tanto quanto me lembro, um elemento precisa de qualquer layout (por exemplo, "zoom: 1") ou uma cor de fundo para o filtro:. Alfa para o trabalho

Answer 2

Posso fazer uma sugestão que eu não apreciar exatamente o que você quer, mas iria dar-lhe um efeito semelhante ao de opacidade.

Abra o seu editor de imagem escrever algum texto em sua cor link padrão

Alterar a opacidade para 50%

Capturar o novo valor de cor

.disabled { 
color:#yournewcolorvalue;

}

Por exemplo, se eu tomar padrão azul ligação cor # 0000FF

o valor de opacidade de 50% é # 7F7FFF

Answer 3

Ele precisa dimensões explícitas ou um fator de zoom de "ter disposição" em terra IE.

Answer 4

Não tenho certeza, mas tente 0.50 vez de .50

Answer 5

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";   
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);   
opacity:.5;