Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

IE transparent png bug fix

Options
  • 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

  • Options
    #2
    Giblet
    Registered Users Posts: 11,979 ✭✭✭✭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