HomeArtigosTransparência CSS para todos os Browsers

01

Jun

Transparência CSS para todos os Browsers

Escrito por Gonçalo Martins   

transparência css
Transparência é uma coisa que é tratada quase de forma completamente diferente em todos os browsers. Para ter a certeza que cobre todas as suas bases, você necessita de 4 linhas de CSS. Felizmente elas não interferem umas com as outras, então desta forma pode utiliza-las em qualquer momentos que deseje adicionar transparência ao seu website. Aqui estão elas, com uma transparência de 40%:

css
  1.  .transparencia {
  2.     filter:alpha(opacity=40);
  3.  
  4.     -moz-opacity:0.4;
  5.  
  6.     -khtml-opacity: 0.4;
  7.  
  8.     opacity: 0.4;
  9.  
  10. }

 

O que faz cada linha?

  • filter:alpha(opacity=40); Esta linha é necessária para que a a transparência CSS funcione no IE.
  • -moz-opacity:0.4; Esta linha oferece suporte a browsers antigos tais como o Netscape.
  • -khtml-opacity: 0.4; Linha para versões antigas do browser safari, quando o motor de renderização era referido como KTHML.
  • opacity: 0.4; Esta linha é a mais importante, porque é a declaração CSS standard. Esta linha vai trabalhar na maioria das versões do Firefox, Safari e Opera. Esta linha seria a única necessária se todos os browsers suportassem os standards CSS.


Gostou deste Artigo?
Subscreva o feed RSS ou reguiste-se na Newsletter do WebLouca, agora!
Tags:
Categoria:
Se preferir, pode ainda deixar um comentário

PATROCINADORES


cometarios
Trackback(0)

Escreva o seu Comentario
 
  pequeno | maior
 

busy
 

Patrocinadores do Site

Subscrever Feed



Artigos

Ultimos artigos
jsimageNeste artigo vou-lhe demonstrar como rodar imagens e qualquer elemento desde div a span co...
phpthumbAtualmente praticamente todos os websites possuem a necessidade de listar os seus artigos...
benchmarksA pouco mais de um ano falei sobre uma ferramenta para otimizar imagens (Artigos/optimize...
phpimageredRedimensionar uma imagem com php pode ser um processo complicado. Quando por exemplo um wo...
linksafiliadosNo inicio do ano escrevi um artigo onde dáva a conhecer uma forma de criar links de afili...