Thursday, July 17th, 2008

IEPNGFix 2: Now supports CSS background position and repeat

Category: CSS, IE

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.

Posted by Dion Almaer at 4:20 am
8 Comments

++++-
4.5 rating from 42 votes

8 Comments »

Comments feed TrackBack URI

Supports background-repeat? FTA:

Limitations and known isses with the script

* Background repeat and position are largely unsupported, this is due to a limitation in the IE transparency filter. If your background is set to repeat, the PNG will stretch to fill the element, and if it’s ‘no-repeat’, the PNG will display once (untiled) pixel-for-pixel.

Comment by doublerebel — July 17, 2008

nevermind.

Comment by doublerebel — July 17, 2008

Awesome!

Comment by eyelidlessness — July 17, 2008

very exciting news!!

Comment by temega — July 17, 2008

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.

Comment by ck2 — July 18, 2008

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.

Comment by Datrio — July 19, 2008

@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.

Comment by eyelidlessness — July 20, 2008

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!

Comment by Yereth — July 22, 2008

Leave a comment

You must be logged in to post a comment.