Dat is nou het leuke van programmeren en webdesignen; je moet eerst kijken waar je mee te maken hebt en dan de beste oplossing zoeken. In dit geval is dat GIF omdat het om een plaatje met twee kleuren gaat en omdat alle browsers dat formaat ondersteunen.
na wat googelen heb ik een mooie oplossing gevonden. Je kan namelijk al in je css aangegeven hoe ie met png images moet omgaan:
.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);
}
