[css] IE-filters toepassen op PNG met alpha in IE 6 - Softwareontwikkeling

dinsdag 20 augustus 2002 14:42

Acties:

Verwijderd

Topicstarter

In MSIE 6 kun je PNG met alpha-spul werkend krijgen door een filter te gebruiken

code:

<html>
<body style="background-color:red;">
<div style="width:175px;height:143px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='Flower.png', sizingMethod=scale);"></div>
</body>
</html>

Resulteert in:

Afbeeldingslocatie: http://www2.atlantis.cc/FlowerRed.jpg

Afbeeldingslocatie: http://www2.atlantis.cc/FlowerGreen.jpg

Maar gooien we hier een ander IE-filter bij, dan gaat hij flippen

code:

<html>
<body style="background-color:red;">
<div style="width:175px;height:143px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='Flower.png', sizingMethod=scale)
   progid:DXImageTransform.Microsoft.BasicImage(mirror=1);"></div>
</body>
</html>

Resulteert in:

Afbeeldingslocatie: http://www2.atlantis.cc/FlowerRedFlipped.jpg

Afbeeldingslocatie: http://www2.atlantis.cc/FlowerGreenFlipped.jpg

Is hier wat aan te doen in MSIE 6, zodat het wél werkt?

dinsdag 20 augustus 2002 16:00

Acties:

Verwijderd

Topicstarter

Ik heb de oplossing inmiddels al bedacht, maar toch bedankt voor de mensen die de moeite hebben genomen om dit te lezen.

Dan hier de onthulling hoe:

code:

<html>
<body style="background-color:red;">
<div style="width:175px;
   filter:progid:DXImageTransform.Microsoft.BasicImage(mirror=1)
   progid:DXImageTransform.Microsoft.Glow
   (color=yellowgreen, strength=5);">
<div style="width:175px;height:143px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='Flower.png', sizingMethod=scale);"></div>
</div>
</body>
</html>

Resulteert in:

Afbeeldingslocatie: http://www2.atlantis.cc/FlowerPerfect.jpg

Precies wat de bedoeling was

Dus als je die andere filters in een parentelement zet, kun je de bug omzeilen

_{Maar misschien heeft iemand nog een betere oplossing, je weet nooit}

Reageer