TwelvestoneBack End

Problem with Jagged Text in IE only?


Sign in

  • Waiting for Godot ( 730 k posts )
    Just conversation.
  • Thunder Dome ( 23 k posts )
    Photoshop Tennis and Collabs.
  • Photography ( 5.1 k posts )
    For all you shutterbugs, sh...
  • Flash ( 18 k posts )
    ActionScripting to tweens, ...
  • Front End ( 5.9 k posts )
    general front end design an...
  • Back End ( 9.7 k posts )
    serverside scripting, progr...
  • Projects and Theory ( 12 k posts )
    This forum is for discussio...
  • FAQ ( 269 posts )
    All those nagging questions...
  • Design ( 17 k posts )
    graphics & all aspects of g...
  • Purgatory ( 3.6 k posts )
    12stone Jail, feel free to ...
CaseyWhitcher
 
2010-03-18

hey all,

I'm working with someone on a slider rotating banner. It's all done with javascript and CSS.

The title text is showing up jagged in IE. (This is text, it's NOT an image) It looks fine in chrome, and in firefox.

In IE it starts fine, but then snaps to jagged when the screen changes.

It looks like a transparent .gif image with black set as the background color for the transparency.

I'm being told it is an issue with IE and the only way around it would be to use a solid background??

Anyone know if there is another way to do this? Or can I set the background color to use instead of black, like you can a transparent .gif in photoshop?

Here's and image of what it looks like (I'd post a link but it's on our dev site)

[img]http://lib.store.yahoo.net/lib/glamourdogstore/render-font[/img]

You can see someone talking about this issue herehttp://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html

scudsucker
 
2010-03-18

I'd use text myself, rather than the GIF

If you must use an image, a PNG should do the same trick.

Else, in Fireworks export settings you can set the Matte - the color towards which an opaque to transparent gradient tends (not sure if that makes sense!) - or the "background" color of a transparent Gif.

CaseyWhitcher
 
2010-03-18

Originally posted by: scudsucker I'd use text myself, rather than the GIF

If you must use an image, a PNG should do the same trick.

Else, in Fireworks export settings you can set the Matte - the color towards which an opaque to transparent gradient tends (not sure if that makes sense!) - or the "background" color of a transparent Gif.

This is not an image, this is text. I understand how to set an images background color for transparency, but as you said we are using text. Apparenty this is a known issue with IE, I'm trying to figure out if anyone here has figured out a work around.

From what I've read on the net it works if you set it on a solid background. I'm wondering if my text doesn't move, it just fades in and out if I could set a background image behind it for the background if that would work?

JimmyTheGent
 
2010-03-18

Can you tell me the font family, text size etc so I can recreate the problem?

CaseyWhitcher
 
2010-03-18

Originally posted by: JimmyTheGent Can you tell me the font family, text size etc so I can recreate the problem?

The problem is recreated here:

Hello world!

The only solution I've seen is to use a solid background, like this

Hello world!

source:http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html

I'm trying to do it over an image so that solution would not work for me.

I'm hoping smarter minds at twelvestone will prevail k

JimmyTheGent
 
2010-03-19

I am coming up blank, Would it be a problem to make it an image?

CaseyWhitcher
 
2010-03-19

Originally posted by: JimmyTheGent I am coming up blank, Would it be a problem to make it an image?

It's dynamic, It changes with the item you put in there, so that's not an option.

The developer ended up just taking the diamond background out and using a solid light blue color which is a work around for the bug.

I don't even mind the solid color, BUT, I was just wanting to figure out how to do it on a background, bugs bug me. lol.

JimmyTheGent
 
2010-03-20

It really annoys me when I cant find a solution to things too....sometimes though, there is no other option

Sorry, you must be a member to post to a conversation. Either log in or sign up to get involved.
TwelvestoneBack End

Problem with Jagged Text in IE only?