png.fix lijkt niet te werken?

**Hieke Postma** · 03-06-2009, 10:00

Goedemorgen,

Ik ben bezig met een website waarin ik met transpartante afbeeldingen werk (ook in de navigatie en bij een roll-over afbeelding).
Ik gebruik hierbij (om ook de weergave in IE6 goed te krijgen) DD_belatedPNG.fix.
Maar nog lijkt het niet te werken in IE6 (grrrr.....!).
Er blijft zo'n stom grijs vlak zitten waar het transparant zou moeten zijn......

Wat gaat hier nog mis?
Voor de broncode: http://www.tekiek-virtueel.nl/hanestede

Groet, Hieke

**Vincent** · 03-06-2009, 10:04

Transparantie werkt ook niet goed met background images helaas.

**Hieke Postma** · 03-06-2009, 10:19

Origineel gepost door Vincent

Transparantie werkt ook niet goed met background images helaas.

Maar helaas geldt dat alleen voor internet explorer 6.....
En juist DD_belatedPNG.fix zou ook moeten werken bij background images (in tegenstelling tot Unit PNGfix)

**Willem op 't Hoog** · 03-06-2009, 10:21

Misschien heb je aan dit topic iets; https://www.sitedeals.nl/html-xhtml-a...png-in-ie.html

**gast2960** · 03-06-2009, 10:50

Op jouw website hoef je helemaal geen transparante PNG te gebruiken toch?
Laat al die fix achterwege en probeer het eens met normale PNG ...

Als je echt broodnodig een PNG fix nodig hebt dan zal ik daar straks nog eens
naar kijken, want dan moet ik eerst even helemaal wakker zijn. Daarvoor
heb je namelijk helemaal geen mega Javascript-code voor nodig.

**Hieke Postma** · 03-06-2009, 10:54

De boom in de template wil ik eigenlijk groter en deze gaat dat problemen geven met de afbeelding wanneer deze niet transparant is.
Ik heb al overwogen om er een gewone .png van te maken (en da's idd de kortste klap) maar ik wil toch heel graag weten hoe ik het gefixt krijg.
Is het niet voor nu dan zeker voor later ;)

**gast2960** · 03-06-2009, 11:32

Let op dat deze fix niet CSS 2.0 valid is, het werkt echter wel. Dus het
is verstandig om de fix in een aparte IE css bestand te zetten.

Code:

background:url('achtergrond.png') !important;
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="achtergrond.png");

Eerst komt de achtergrond zoals hij in de moderne browsers laad. Met "!important"
geven we aan dat de moderne browser naar deze opdracht moet luisteren, en niet naar
de onderstaande.

Vervolgens geven we aan voor IE6 dat er geen achtergrond is. Als je dit weglaat
dan werkt heel de fix alsnog niet.

Als laatst komt de filter. Deze laad een programma van Microsoft waardoor de transparante
achtergrond echt transparant wordt. javascript werken met precies dezelfde filter,
maar dan met een heel lange Javascript-code.

**Hieke Postma** · 03-06-2009, 19:11

Dank je Gijsbert! Ik ga ermee aan de slag!

**A. IJbema** · 04-06-2009, 18:56

Denk er wel aan dat die filter veel beperkingen heeft, je kan bijvoorbeeld niet repeaten.

png.fix lijkt niet te werken?