IE6 & PNG Alpha: Correction

[Squillace]

A melhor solução para usar o canal alpha do PNG com o IE6 (enquanto não se torna normal por definição em todos os computadores do mundo) é recorrendo a uma solução puro CSS.

.image {
width: 43px;
height: 43px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='image.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.image[class] {
  background-image:url(image.png);

Funciona a 100% e é simples.

EDIT: tal como já foi dito mais acima, claro.

 

[fil79]

A melhor solução para usar o canal alpha do PNG com o IE6 (enquanto não se torna normal por definição em todos os computadores do mundo) é recorrendo a uma solução puro CSS.

.image {
width: 43px;
height: 43px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='image.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.image[class] {
  background-image:url(image.png);

Funciona a 100% e é simples.

EDIT: tal como já foi dito mais acima, claro.

Como posso aplicar este cod com javascript para criar um roll over com suas imagens em png?? tenho o seguinte codigo em JS:



<script language=javascript>
iluminada = new Image(117,103)
iluminada.src = "imagem2.png"
apagada = new Image(85,85)
apagada.src = "imagem1.png"
</script>
<a href="proximo.html"
onmouseover="window.document['imagem1'].src = iluminada.src;"
onmouseout="window.document['imagem1'].src = apagada.src">
<img src="imagem1.png" border=0 name="imagem1" width=130 height=58>
</a>

 

[anonymopt]

shello, exactamente que parte dos 6 "Applies to : Microsoft Internet Explorer 6" é que não percebeste? Esse MS hack é bem conhecido. Usá-lo é pior do que o problema. Aliás, usar qqr hack é pior do que o problema em si.

Dai eu ter dito que ou deixas as cartas que não podes usar fora do baralho ou escreves uma página por browser.

E eu disse para não usarem nada por uma boa razão. É que aparentemente a MS está a tentar a sério meter o Strict correcto, e ao darem-lhe com um hack em cima, nada impede o browser de reverter ao bom velho IE6 mode, e lá se foi o standard pela janela outra vez...

a culpa dos hacks é só da microsoft... mm o IE para macintosh suportava bem os pngs.. não puserem no ie6 porque não tiveram para isso e recusam-se a contribuir para o avanço da internet (os outros browsers puseram isso e não tem uma grande maquina por trás.. e como disse o ie para mac tinha essa funcionalidade estranho o ie6 que apareceu depois não ter isso). A culpa não é de modo algum dos webdesigners mas sim da microsoft que se recusa a manter um browser moderno e actualizado e que só se lembrou agora se suportar PNG correctamente. Isso já era suposto ter sido implementado no IE6 mas a microsoft tem essa tendencia de gozar com o ppl.

a melhor solução para este problema que também devia tar no primeiro post é dizer ao ppl para se mudar para o opera ou firefox coisa que cada vez mais pessoas têm feito e que resolve estes problemas

 

[shello]

Nenhum. Ou não leram as directivas da MS quanto ao IE7? PNGs vão ser suportados decentemente, assumindo que o browser não detecte hacks. Usam hacks e ele reverte totil para quirks mode, onde o suporte de PNG é o que se sabe.

Testei hoje com IE7 (7.0.5730.11) ir a estes sites de hacks, e nenhum falhou. Ou seja, não se verifica o que disseste, pois o PNG continua a aparecer decentemente, mesmo com o hack à mistura. Felizmente