Transparent PNG backgrounds in IE6

dorfire

OSNN Junior Addict
Joined
7 May 2008
Messages
25
The solution is well known when we're talking about plain <img> tags, but it's not that trivial when we put the image as a CSS background.
I didn't want to convert my background images to GIF, so I wrote this Javascript code:
Code:
window.onload = function()
{
	var elementIdentifiers = ['element_with_png_bg_ID', 'id2', 'id3'];
	
	for (var i in elementIdentifiers)
	{
		var currentElement = document.getElementById(elementIdentifiers[i]);
		if (!currentElement) continue;
		
		var backgroundImage = currentElement.currentStyle['backgroundImage'];
		var backgroundImageUrl = backgroundImage.substring(5, backgroundImage.length-2);
		var filterString = "progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='"+backgroundImageUrl+"', sizingMethod='scale')";

		currentElement.style.backgroundImage = 'none';
		currentElement.style.filter = filterString;
	}
}

If you want the code to be executed only in IE6 and lower versions, use this conditional comment:
Code:
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="iepngfix.js"></script>
<![endif]-->

Hope it helps...
 
You might also want to look at IE7/8.js for working around a lot of the design flaws in Internet Explorer.

I've put it on a few websites before, and it usually does the job fairly well for those poor IE users left in the world. I like to write pages as the markup is intended to be used, but IE doesn't make it easy, heh.
 

Members online

No members online now.

Latest profile posts

Also Hi EP and people. I found this place again while looking through a oooollllllldddd backup. I have filled over 10TB and was looking at my collection of antiques. Any bids on the 500Mhz Win 95 fix?
Any of the SP crew still out there?
Xie wrote on Electronic Punk's profile.
Impressed you have kept this alive this long EP! So many sites have come and gone. :(

Just did some crude math and I apparently joined almost 18yrs ago, how is that possible???
hello peeps... is been some time since i last came here.
Electronic Punk wrote on Sazar's profile.
Rest in peace my friend, been trying to find you and finally did in the worst way imaginable.

Forum statistics

Threads
62,015
Messages
673,494
Members
5,621
Latest member
naeemsafi
Back