PNG, IE och noobighet

2 svar · 342 visningar · startad av Okkido 27 sep. 2006

OkkidoMedlem sedan maj 20007 492 inlägg

Frågan27 sep. 2006 12:59#1

Tja,

efter att ha sysslat med webbutveckling för länge så känns det väldigt pinsamt att fråga, men jag har aldrig behövt göra det innan.

Men nu har jag blivit tvungen av en kund. Google ger mig för många resultat som i slutändan inte ger mig rätt resultat.

Så nu lägger jag mina kort på borden, för jag har helt seriöst ingen koll.

Problemet:
Jag har 10-15 olika bakgrundsbilder, som är alpha-transparanta PNG:er. Allt från rubriker till andra bilder.
En gång för alla, hur gör jag för att få alpha-transparans även i IE, när det är bakgrundsbilder i CSS:et.

InsiderMedlem sedan jan. 2000978 inlägg

27 sep. 2006 13:25#2

Jag hittade detta med Google: http://koivi.com/ie-png-transparency/

zcorpanMedlem sedan dec. 20042 245 inlägg

27 sep. 2006 19:29#3

Du använder dig av AlphaImageLoader:

#foo { background-image:url(foo.png); }
* html #foo { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='foo.png', sizingMethod='scale'); }

Det går inte upprepa filter som man kan upprepa bakgrundsbilder, men det går att sträcka ut bilden.

Eftersom IE7 har fixat PNG alpha-transparens vill du inte att hacket ska synas för IE7 (genom att använda tex * html).