CSS and anti-alias problem

[Marfola]

We are trying to implement a bottom to top vertical text in bold white using a CSS style. The text sits on a color image.

We are managing the bottom to top vertical text with the following tags:

writing-mode: tb-rl;
filter: flipv fliph;

In IE7, the anti-alias (grey) of the text (white) is visible while the image loads. Once the image loads the text is visualized correctly. We assume the anti-alias problem is caused by the tag "filter: flipv fliph;" as the CSS functions properly in top to bottom vertical text.

Is there an alternative tag "filter: flipv fliph;" that specifies bottom to top verticle bold? Any suggestions?

[edited by: Marfola at 1:05 pm (utc) on Sep. 11, 2007]

[penders]

Are you setting a background-color? Something similar to your color image, so there is some contrast while the page loads?

[Xapti]

You're using propriatary properties which work only for internet explorer. These properties are not W3C compliant, and will not work for any other browser, and isn't therefore reccomended to be used.

Why flipv or fliph would cause some sort of anti-aliasing, I don't know. Doesn'ty make much sense, but neither does anything Internet Explorer does.

[Marfola]

Are you setting a background-color? Something similar to your color image, so there is some contrast while the page loads?

We tried to use a background-color similar to our color image, but the anti-alias grey is still visible, even if the background-color is orange. The anti-alias is visualized correctly only when the image is loaded.

Why flipv or fliph would cause some sort of anti-aliasing, I don't know. Doesn'ty make much sense, but neither does anything Internet Explorer does.

Is there an alternative tag that specifies bottom to top verticle bold?

[penders]

You're using propriatary properties which work only for internet explorer.

I'm guessing the intended audience is IE only? An intranet perhaps?

I can't really comment on IE's filters, but text smoothing/anti-aliasing is usually controlled by Windows clear-type settings and not governed by the browser. For this reason, it may appear smooth on one computer and not another. Although by the sounds of it, IE's filters may be producing some additional anti-aliasing...?

You might want to have a look at this current thread in the HTML forum:
[webmasterworld.com...]