3

I am using jQuery to fade in and out a .png images of links on the home page of http://www.logandwight.com

In IE7 and IE8 the text have no anti-aliasing and are all boxy. I've tried messing with the opacity settings and then I tried animating the filter property specifically for IE but nothing seems to work.

Does anyone know whats wrong?

user257040
  • 66
  • 4
  • 1
    Known issue: Check http://stackoverflow.com/questions/2020690/how-to-make-a-google-maps-semi-transparent-png-tile-layer-work-in-ie8/2075524#2075524 – Pekka Feb 17 '10 at 16:47

2 Answers2

1

This is an inherent problem with IE, transparency, and opacity. Unfortunately there's no good work around while animating...in this situation I just disable animations for IE users.

Maybe IE9 will finally do something about this?

Nick Craver
  • 623,446
  • 136
  • 1,297
  • 1,155
0

sIFR might be a possible cross-browser solution here (with a little modification of the sIFR source, you could get those rollover effects).

sIFR is a flash-based font embedding solution that allows you to display real text in a web page using a font of your choosing.

http://www.mikeindustries.com/blog/sifr

jtrim
  • 3,465
  • 4
  • 31
  • 44