Opacidade em diversos navegadores

117 Visualizações
1 Estrela2 Estrelas3 Estrelas4 Estrelas5 Estrelas (Sem classificação! Vote agora!)
Loading ... Loading ...

Alguma vez ja pensou em aplicar opacidade em algum elementou ou imagem? Possuem formas dificeis e fáceis com javascript ou simplesmente css, porém com um padrão ainda não definido pelos navegadores, de navegador para navegador, isso muda, observem:

Firefox - Versão 2, 1 e mais antigas
Aplicação de 50%

-moz-opacity:0.5;

Firefox 3 e Opera
Aplicação de 50%

opacity: .5;

Internet Explorer
Aplicação de 50%

filter:alpha(opacity=50);

Google Chrome e Safari, Konqueror
Aplicação de 50%

-khtml-opacity: 0.5;

Simples assim. O unico problema é aplicar tudo a um CSS só, devido as diversas versões e modos para cada navegador ;)

Caso queira aplicar transparencia usando JavaScript:

function transparencia(id,valor) {
document.getElementById(id).style.opacity = valor/10;
document.getElementById(id).style.filter = ‘alpha(opacity=’ + valor*10 + ‘)’;
}

Para aplicar: transparencia(’id_do_seu_elemento’,5);

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

Não Há Comentários »

Ainda não há comentários.

Alimentação RSS de comentários a este artigo. TrackBack URL

Deixe um comentário