Jquery 在Internet Explorer中使用分层文本进行真正粗糙的文本渲染

我正在为3D文本编写jQuery插件，对于Firefox、Chrome和Safari（以及其他类似浏览器），我正在使用CSS3文本阴影属性来渲染3D文本

作为Internet Explorer的故障切换，我正在编写多层文本以获得相同的效果

我遇到的问题是，当我在InternetExplorer中将文本置于其他文本之上时，它会以一种非常糟糕的像素化形式呈现出来——而当ClearType打开时，效果也不会更好

有人知道这个问题有什么解决办法吗

我举了一个例子来说明这个问题，现在你必须点击文本来打开“InternetExplorer模式”（在其他浏览器中，它可以很好地呈现！）

---

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

以下是针对具有相同问题的任何人的解决方案

<h1>Click Me To See Jagged Rendering</h1>
<script type="text/javascript">
    $("h1").click( function () {
        $(this).css({ opacity: 0.5 });
    });
</script>

插件上的一个选项是“不透明度”——我使用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>

单击我查看锯齿状渲染
$（“h1”）。单击（函数（）{
$（this.css（{opacity:0.5}）；
});