Tutorial : How to fix transparency issues in Wordpress
Many new themes for Wordpress are only tested in Firefox. Firefox handles things way better than IE, or older versions of other browsers ( Netscape, etc ) . One problem that most designers face with when designing a theme is the problem of transparent images. They don’t render in every browser the same way you’d expect. At this point, you may start thinking that your blog doesn’t contain any transparent images, but you’re totally wrong - that is if you’re using a Wordpress theme other than the default one. Even those little icons next to the comments and tag section are transparent.
How can you make sure they render correctly in all browsers ? It’s easy, all you have to do is…
to insert a little javascript snippet into your header file. First off, download this file : Pngfix.js and save it on your desktop, we’ll need it later on.
The guide
1) Go to the Presentation Tab -> Theme editor -> Header
2) At the top of the file, locate the first <head> tag, and immediately afterwards insert the following lines :
<!--–[if lt IE 7.]-->
<script src="/scripts/pngfix.js" type="text/javascript"></script>
<!--[endif]-->
3) Open up a ftp connection, navigate to the folder where you have Wordpress installed ( usually www or public_html )
4) Create a new folder called scripts, and upload the filed downloaded earlier into that folder.
5) Close ftp connection, save the newly edited Header file.
6) Check to see if any visible changes were made, remember though that in Firefox you will not notice any changes as Firefox already renders transparent images correctly.
Remember that most professional themes don’t have this problem, but others do, by inserting this script you’re making sure that your site renders correctly in every browser.
If it's your first time here, you might want to