【问题标题】:adding "progid:DXImageTransform.Microsoft" makes text blurry添加“progid:DXImageTransform.Microsoft”会使文本模糊
【发布时间】:2012-03-11 13:58:22
【问题描述】:

我将其添加到 css 后:

filter:  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);

该元素内的所有文本都变得模糊。

这是一个已知问题吗?

解决办法是什么?

我在一个 div(容器)上创建阴影效果,这个 css 被应用到那个 div。

另外,我尝试过应用 position:relative 和背景颜色,但没有任何运气。到目前为止,让文本看起来“正常”的唯一方法是删除过滤器。

此外,cleartype 已禁用!

谢谢

【问题讨论】:

  • 解决方法可能是不使用 IE 过滤器

标签: javascript html css internet-explorer styles


【解决方案1】:

是的,这是一个已知问题,与这些过滤器的工作方式有关。我建议查看CSS3PIE 来添加这种行为——它完美地适用于阴影和圆角。

确保您阅读了文档,有几个人们会遗漏的陷阱(htc 的正确 mimetype,位置:相对于阴影元素)。

【讨论】:

    猜你喜欢
    • 2022-12-06
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-06
    • 2014-03-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多