transparant en ie
In firefox werkt dit prima (png formaat) maar als ik hem in ie open dan wordt het transparante gedeelte grijs.
Wie weet hoe je dit kan verhelpen.
Alvast bedankt.
Voor IE alleen kun je dit doen:
Code (php)
1
<img alt="Transparant PNG" src="myimage.gif" style="width: 200px; height: 200px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png', sizingMethod='scale')" />
Je maakt dan gebruik van een IE specifiek filter. Werkt dus weer niet in andere browsers.
Ik weet het niet meer zeker maar ik dacht dat het met gif plaatjes was.
Toen ik ze had omgezet naar png was het verholpen.
Als ik het me goed herinner
Edit:
Dan was toch anders dan ik me herinnerde
Gewijzigd op 01/01/1970 01:00:00 door Leen Strijk
er staat een duidelijke uitleg en voorbeelden.
http://homepage.ntlworld.com/bobosola/index.htm
Jan:
Dat kun je prima met een transparent gif doen. Geen PNG voor nodig.
PNG is toch mooier ;-)
ik gaf um alleen een link naar een pagina met PNG fix voor IE.
Maar als we het over een kleurrijk plaatje hebben ga ik toch echt voor png ^^
Maar omdat het maar 2 kleuren zijn treed er zo weinig verlies op dat het makkelijk te gebruiken is.
voorbeeld:
en iedereen bedankt voor jullie tips
Edit:
Plaatje hierboven geeft het uiteindelijk resultaat weer.
Gewijzigd op 01/01/1970 01:00:00 door Dennis S
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.cube_image {
position: absolute;
top: -76px;
left: -49px;
width: 96px;
height: 108px;
display: block;
/* Dit wordt genegeerd door mozilla */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://localhost/images/cube.png');
}
/* en ie negeerd dit en gaat gewoon verder */
.cube_image[class]{
background-image:url(images/cube.png);
}
position: absolute;
top: -76px;
left: -49px;
width: 96px;
height: 108px;
display: block;
/* Dit wordt genegeerd door mozilla */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://localhost/images/cube.png');
}
/* en ie negeerd dit en gaat gewoon verder */
.cube_image[class]{
background-image:url(images/cube.png);
}
zie ook:
http://www.daltonlp.com/daltonlp.cgi?item_type=1&item_id=217
Gewijzigd op 01/01/1970 01:00:00 door Dennis S