Home/ Questions/Q 911629
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T17:14:28+00:00

I am having a real headache. I have written a small and simple menu

  • 0

I am having a real headache. I have written a small and simple menu which employs simple animation (fade in/fade out) powered by jQuery.

My issue is that the animation, when bviewed in ie8 looks awful – while the animation is running big ugly black borders are visible around the text (take a look at the link below you will see what I mean).

The issue is further compounded by the fact that it renders and animates absolutely perfectly in FF, Chrome and Safari.

Now, as you will see from the page I am an experienced web developer and as such am well used to IE quirks, but I cannot find the cause of this particular issue.

The page can be viewed here

Any ideas anyone??

Si

EDIT: As requested, the CSS (although you could see it using Firebug) can be downloaded here 

enter code here
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you’re running into the IE8 png fading issue. It does not blend semi-transparent png pixels correctly when combined with a simple opacity filter. To combine the opacity filter with semi-transparent pngs, you have to use the oldschool AlphaImageLoader filter. I think the old IE6 fixer still works to fix this in IE8: http://www.twinhelix.com/css/iepngfix/

    UPDATE: Optionally, just disable the fade in IE and toggle from glowing/not-glowing immediately with no fade effect.

    • 0