Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

IE transparent png bug fix

  • 13-09-2011 10:56PM
    #1
    Reamer Fanny
    Closed Accounts Posts: 2,828 ✭✭✭


    I have a div element with a transparent png as the background, when I try to fade the element in/out with jQuery it will have ugly borders around it seems to affect all but version 9 of Internet Explorer, is there any fix I can apply to this. A good example of this problem is on http://adverts.ie dropdown menu, only Internet Explorer seems to be affected.


Comments

  • #2
    Giblet
    Registered Users, Registered Users 2 Posts: 12,025 ✭✭✭✭Giblet


    Try using an 8-bit PNG, it will degrade to gif style transparency in IE6 and should work in other browsers. I would advise against using something like a filter (or belatedPNG and such) for older browsers, they're cause more trouble than they're worth, and are harder to maintain.

    This tool will convert full 32bit PNGs with transparency to 8bit with transparency. (Doesn't work for 24bit as they use full RGB channels rather that RGBA(32) or indexed with alpha (8-bit)
    http://www.libpng.org/pub/png/apps/pngquant.html
    Of course, 32 bit PNGs have their own problems in IE6, they render transparency as a solid colour (usually light blue, which might be your border).

    You can use a tool like http://entropymine.com/jason/tweakpng/ to force the colour.
    If this isn't the problem, you might need to provide an example.


Advertisement