Jump to content

Jagged Fonts in IE on transparent Divs


Daybreak

Recommended Posts

Hello there,

I have a website I'm designing with transparent divs and they work great. The regular fonts look fine and everything looks fine on the Mac and in Firefox. However, in IE 6 and 7 on the PC the fonts look very bold and jagged. Any ideas on how to make them NOT look crappy?

 

Has anyone else run into this? Thanks.

Link to comment
Share on other sites

I'm not exactly sure what you are asking... whether or not your div has a transparent background shouldn't matter... unless you are doing animations on the div (fading it in and out, for example) which can cause problems. The transparency itself shouldn't matter. If you think it does, can you provide a link to the site so I can see what you mean?

 

Assuming you're dealing with a ClearType issue, (again, this only occurs on PCs with ClearType turned off) there really isn't anything you can do about that, short of making all of your text images, which I REALLY wouldn't recommend. As far as I know, it's really only an issue on Windows XP -- I believe that Vista and later versions of Windows have ClearType turned on my default (as does the Mac).

Link to comment
Share on other sites

http://www.quirksmode.org/css/opacity.html

http://css-tricks.com/css-transparency-settings-for-all-broswers/ (a little dated)

 

As far as I can tell, you have the css correct. As stated by Ben, it looks like the Clear Type font is not enable to those that are not seeing what you are seeing and there isn't much you can do except convince them to turn it on.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...