0

我正在为 3D 文本和 Firefox、Chrome 和 Safari（以及其他类似浏览器）编写一个 jQuery 插件，我正在使用 CSS3 text-shadow 属性来呈现 3D 文本。

作为 Internet Explorer 的故障转移，我正在编写文本层以获得相同的效果。

我遇到的问题是，当我在 Internet Explorer 中将文本放在其他文本之上时，它会以一种相当讨厌的像素化形式呈现 - 并且打开 ClearType 并没有更好。

有谁知道这个问题的任何修复？

我有一个演示这个问题的示例，此时您必须单击文本以打开“Internet Explorer 模式”（实际上在其他浏览器中呈现良好！）

http://www.stevefenton.co.uk/cmsfiles/assets/File/threedee.html

在 Internet Explorer 中点击“Internet Explorer 模式”以查看令人讨厌的锯齿状文本 - 在另一个浏览器中执行相同操作，没有问题。

4

1 回答 1

0

这是任何有同样问题的人的解决方案。

插件上的选项之一是“不透明度”——我使用 jQuery.css() 将其添加到元素中。从 Internet Explorer 代码路径中删除不透明度已完全解决了该问题。我现在可能可以在没有不透明的情况下生活......

这是您可以用来复制问题的示例代码。

<h1>Click Me To See Jagged Rendering</h1>
<script type="text/javascript">
    $("h1").click( function () {
        $(this).css({ opacity: 0.5 });
    });
</script>
于 2010-07-29T20:38:24.517 回答