Thursday, July 17th, 2008
IEPNGFix 2: Now supports CSS background position and repeat
Ah the age old IEPNGFix solution to the problem that we had with IE 5.5 / 6.0 not supporting alpha transparency. The first IEPNGFix solved the problem:
This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported.
Now we have a new version that adds the ability to use CSS1 compatible background position and repeat.
4.8 rating from 28 votes
Supports background-repeat? FTA:
nevermind.
Awesome!
very exciting news!!
Or, just convert your PNG to 8-bit transparency which works in all browsers and avoid these bulky, slow workarounds. Bonus - your images are smaller and load faster.
The only problem is that the browser is really, REALLY slow when it has to render 50 DIVs for background-repeat, giving each a transparent PNG.
@Datrio: Some things we can’t overcome. IE6 users should increasingly become used to the web moving on. It’s not like the vast majority of them can’t upgrade.
For the jquery people:
Here’s a plugin I produced (based on iFixPng) which fixes background-position completely (I didn’t find a case as of yet that it couldn’t handle) and does not require images to be visible when being fixed. Background repeat is ignored, as stretching is not an option most times.
Get it here:
http://plugins.jquery.com/project/iFixPng2
Cheers!