在透明度上显示文本的问题(HTML / CSS)

时间:2012-12-02 17:21:23

标签: html css transparency

我正在开发一个带有bootstrap的网站,该网站基本上由橙色背景和一些透明的黑色容器组成。 http://i.stack.imgur.com/n9G5O.png

如您所见,透明框中显示的字体看起来很糟糕。我正在使用Tahoma,但我尝试使用的每种字体都会出现这种情况。

有没有办法改进这样的文字?

提前致谢!

1 个答案:

答案 0 :(得分:1)

Tahoma是一个Windows字体,所以它可能会在其他浏览器上使用Arial。

您提供的屏幕截图似乎也来自Internet Explorer,它有一个非常糟糕的文本渲染引擎。 (尝试chrome / firefox / safari)

我还在某处读过你可以尝试在Windows设置中启用ClearType,但是没有办法从浏览器级别强制执行。

你也可以让javascript cufon将每个角色更改为一个图像/画布并以这种方式强制执行,但这会吮吸性能,也可能不是最好的解决方案。

如果您想支持IE,通常最终会将图像(png)用作菜单按钮。