Hallo,

Hier zullen waarschijnlijk al heel wat topics over lopen, maar ik krijg het niet voorelkaar om in de css gedefineerde background images transparant te laten weergeven in IE6.

Nu heb ik wel tientallen verschillende manieren geprobeerd, maar geen enkele werkt, ook deze niet:
http://24ways.org/2007/supersleight-...ent-png-in-ie6

Welke werkt wel op mijn manier?

Gr. Mathijs

http://hproductions.nl/iepngfix.rar

ik weet niet of IE6 anders weer geeft als andere IE versies, ik doe het meestal zo om alle browsers afgedekt te hebben.
vergeet ook niet een doctype te gebruiken.

.transparent {
background: url(images/someimg.png) no repeat;
width: 200px;
height: 50px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}


EDIT:
het schijnt dat IE6 idd moeilijk doet, onderaan de page staat een IE6 hack

http://css-tricks.com/css-transparen...-all-broswers/

De beste oplossing, die ook 100% werkt op IE6, is de file die ik ge-upload heb.
Download maar eens en bekijk de .html voorbeeld.

Goodluck :-)

Klopt! De oplossing van Huso gebruiken

Deze werkt inderdaad, maar hij vervormd mijn content vak in IE7 een beetje en in IE6 wordt een gedeelte van de afbeeldingen niet weergeven.

Maar verder zijn de plaatjes transparant!

Nee, hiervoor hoef je helemaal geen gigantische scripts te gebruiken!
De oplossing is veel makkelijker, en door gewoon 2 regels in je css te plaatsen.

Eerst maak je een css aan voor alleen IE6, dat doe je door het volgende onder je originele
css bestand te zetten;

Code:

<link rel="stylesheet" type="text/css" href="origineel.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

De IE6 css moet onderaan komen, ander leest hij namelijk het originele als laatste, en dan werkt het niet.

Je origineel bestand ziet er zo uit:

Code:

div {
   background:url('../images/afbeelding.png');
}

Vervolgens maak je ie6.css aan, daarin komt het volgende

Code:

div {
   background:none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/afbeelding.png');
}

Eerst zet je in IE6 de background uit,
vervolgens zet je er een filter in die de background ophaalt en hem goed laat weer geven.

Dit filter wordt ook door de javascripts en dergelijke gebruikt, alleen lijkt het allemaal veel
makkelijker met zo'n script. Het nadeel van zo'n script is dat er vaak andere problemen ontstaan
en het kost een hoop onnodige ruimte en overzichtelijkheid.

super Gijsbert, dank je.
kon me niet voorstellen dat je daar hoop javashit voor nodig hebt