IE字体难看的解决方法答案

【问题标题】：solution for ugly font in IEIE字体难看的解决方法
【发布时间】：2013-10-08 18:06:37
【问题描述】：

我正在使用

 background-image: -ms-radial-gradient(left top, circle cover, #dbd7fa 0%, #f7f6fe 56.12%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dbd7fa', endColorstr='#f7f6fe',GradientType=0);

在一个div中做一个径向背景，但是IE的字体渲染很丑，就像一些jquery效果（fadeIn，fadeOut，ecc.）。使用的字体是 Arial。

有人知道如何让字体正常吗？

提前感谢您的帮助

【问题讨论】：

如果我要移除过滤器，IE8 中将不再有径向渐变
世界末日了吗？为什么不只使用传统的背景图像？你知道，在 CSS 渐变之前我们在 Firefox 和 Chrome 中制作渐变的方式吗？
这不是世界末日（我希望如此）:-)），但我想问是否有任何解决方案。
@Kolink：背景图片有各种各样的问题，例如它们不能适应不同尺寸的元素。尤其是在 IE 中。无论如何，我最喜欢的处理方法是向 IE 用户显示一个提示，并为他们省去渐变（或者保留它并使用丑陋的字体）。

标签： css internet-explorer radial-gradients

【解决方案1】：

提问之前有没有在stackoverflow中仔细搜索过？

我找到了这些文章：Create a radial gradient for Internet Explorer 6/7/8、CSS radial gradient on ie8 and ie9

还可以考虑阅读此页面：http://7synth.com/dev/gradients 其中包含 javascript 文件

一个网站，漂亮和快速的加载总是一个对比。光滑的使用 CSS 的彩色渐变可以提供帮助，但不是所有浏览器，也不是一个图书馆支持这一点。使用 7synth 的“gradient.js”，您可以拥有全面且轻松地支持径向和线性渐变 InternetExplorer (IE)、Firefox、Chrome、Safari、Opera 等等......

【讨论】：