Transparência CSS para todos os Browsers

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
 .transparencia {
    filter:alpha(opacity=40);
 
    -moz-opacity:0.4;
 
    -khtml-opacity: 0.4;
 
    opacity: 0.4;
 
}

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.

TrackBack URI for this entry