I adore using PNG graphics in my designs, but I hate the way IE6 handles them. We know all about needing a PNG fix and using one, but recently I encountered my first major problem using one.
While working on my new primary site design for Website Style, I ran into a major hitch. Most of the PNG fixes just simply don’t work for the kind of site I’m making. Each one had a different problem.
Some used the proprietary CSS ‘expressions’ which we know are not good because they massively can slow down a site when they fire off thousands of times in a session.
Others wanted all my png’s in one directory. It’s simply not possible with my setup. So my choice there would be to completely reorganize all my CSS and HTML to put the files in one directory? No thanks.
Some only handle the images found in the img element, not the CSS background images.
Some only handle the CSS background images.
I’ve found some that work in the past, but what I’m looking for is something that:
- Must handle PNG’s in multiple directories. (Major priority)
- Must apply the fix to .png’s in the img element.
- Must not choke up and die when used with WordPress
- Ideally can handle background images as well, but if I have to I don’t mind working without the background image.
That final twitchy behavior of the alternatives I found seemed to somehow or other not want to work with WordPress (which made no sense at all to me because its all PHP anyway so why should it matter, but apparently it did).
If anyone knows of any suggestions, please let me know!