WordPress.org

1. richardpeters
   Member
   Posted 2 years ago #

   Hi all, I've just installed the Social plugin and changed the icons for custom ones. However, despite the fact they display fine in Firefox, in IE7 they look rough around the edges for some reason. They are PNG 24 files and I replaced them straight over the top of the original files with the same file names. I also changed the CSS to 40px by 40px to allow for the new buttons.

   I'm guessing it must just be an IE issue with displaying PNG 24 files?

   See image below for example of how they display:

   <img src="http://i24.photobucket.com/albums/c22/richardmpeters/Blog%20Stuff/icons.jpg" border="0" alt="Photobucket">

   The site is http://www.richardpeters.co.uk/blog

2. richardpeters
   Member
   Posted 2 years ago #

   Problem solved, I ended up re-saving them with a white background rather than trasnsaprent. Now IE7 looks as it should. Not the best solution but it was driving me crazy!

   If anyone has any idea why they displayed wrong before though a solution would be great in case I ever change background colours!

3. slurm23
   Member
   Posted 2 years ago #

   This is the famous IE PNG Transparency Bug. Even after IE8 started supporting transparent PNG's it does so only for "100% transparency" and not for partially transparent images (like shadows), thus beating the whole purpose of using PNG's at all (since GIF's also support 100% or complete transparency).

   IE8 now shows a 1px border around all the areas with partial transparency and makes them look "rough around the edges" as the previous poster described - meaning they become jagged ans ugly as hell. There is a solution for this bug (and one has to spend hours searching for it online), but it has to be implemented as a span on every single image.

   Here is the link to the fix: http://www.optimalworks.net/blog/2008/web-development/ie-png-filter-problems ... It is the "ghetto solution" mentioned in the second comment to this post and IMHO it is worth its weight in gold (how much does a blog post weight anyway). Unfortunately I don't have the time for doing this, only to start over once a new version of the plugin is available...

   So my request for Joost would be, if he could implement this solution to all Socialbe icons by default (or possibly to turned on by a checkbox in the option screen)! It would be much appreciated! Thank you!

Topic Closed

This topic has been closed to new replies.