Background text rotation - IE8 and IE7

I have a carousel that requires headings to rotate 270 degrees and it looks beautiful, but on IE8 and IE7 there is a terrible black outline in the text.

From Firefox-IE9, Chrome and Opera are the same → image from FF, identical in IE9, Opera and Chrome

From IE8, IE7 shows the same thing. From IE8, IE7 is exactly the same

I tried the css method filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);, but it forces IE9, even with -ms-transform, to meet it.

I also have

  • Cufon is turned on to try to create an image canvas and then rotate it using css / transforms filters - the same result.
  • Using jQuery Rotate plugin from jQuery Rotate

If anyone has ideas on how to overcome this, I would really appreciate it. Thanks Dan

+5
source share
1 answer
+2

All Articles