小编Cor*_*ory的帖子

我试图在包含一些文本的div中使用CSS渐变.使用Gecko和Webkit,文本显示正常.在IE7和IE8中,文本显示为别名(锯齿状).

我看到这篇博客说:"我们决定在使用任何DXTransform的元素上禁用ClearType".

IE博客:http: //blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

那是在2006年; 3.5年后,我认为这个bug会被修复,但事实并非如此.有没有办法在IE8中执行此操作而不需要在div中填充重复的背景图像？

这是我的意思的一个例子.

<style>
    div
    {    height:     50px; 
         background: -moz-linear-gradient(top, #fff, #ddd);
         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
         filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd);
    }
</style>

<div>Hello World</div>
<p>Normal text</p>

在IE中,div中的文本是别名(锯齿状),而段落中的文本不是.

任何不涉及图像的解决方案都将非常感激.