I’m working on my first Plone website. I created a simple style for the site using transparent PNG files. It looked great on IE7+, Chrome, Safari, Firefox. I wasn’t sure whether it was necessary to still support IE6, where the transparent PNG files are not supported out-of-the-box. The website was for Computer Architects so they probably all have more recent browsers, but not everyone follows the latest curve, so I went a step further with my design.
There are several options for supporting transparent PNGs in IE6. Here are the details about the one I selected:
I only had a couple of images in my banner that I was concerned about. One was an in-line image. The other was a positioned back-ground image for which this wasn’t the best option, as it doesn’t work with positioned background images. Darn.
jq('#portal-logo').supersleight(). Then I needed to register my script in the theme’s profiles/default registry file (jsregistry.xml) (from Nabble), copy the x.gif image to my theme’s skins/images folder and restart my server.
Now I need to use an alternative method to help out my background image because of the positioning. I’m planning to create two images (one PNG and one GIF) and switch between them based on the user’s browser. We’ll see how it goes.