Jquery Internet Explorer通过半透明的div背景剪切文本

嗯，老实说，我真的不知道如何描述这一点，除了：

“为什么这在IE8中不起作用，但在Firefox或Chrome中却很好”：

但是，我会尝试： 所以当它没有动画的时候看起来很好，似乎有两个问题。一是IE在淡入淡出时不使用抗锯齿，二是文本以某种方式穿过半透明的div

我尝试过各种方法，比如用回调函数删除过滤器，将文本放在单独的div中，将whiteBackground放在框外。在所有的组合中，我找不到有效的解决方案

---

有什么提示吗？

简短而简单的答案是IE8和更低版本不支持

不透明度

，也不支持任何类型的透明度模拟器，如

rgba（）

着色。它只能通过使用（现在已弃用的）

filter

语法在内部调用DirectX渲染来模拟这种情况。这是jQuery试图在内部实现的，以提供“尽可能最好的预期结果”，但确实，由于DirectX过滤器对图像进行操作，因此浏览器必须在内部进行渲染并传递，因此会产生两个问题：

• 由于无法应用ClearType，因此消除混叠非常困难
• 由于DirectX尝试在顶部渲染，因此可能存在堆叠问题，例如，在过渡期间，单独的层不总是以正确的顺序出现

---

您描述了这两个问题，遗憾的是，这在过滤黑客中是正常的。您可以找到一些可能的解决方案，但总的来说，我认为这在IE上无法正常工作。简短而简单的回答是IE8和更低版本不支持

opacity

，也不支持任何类型的透明度模拟器，例如

rgba（）

着色。它只能通过使用（现在已弃用的）

filter

语法在内部调用DirectX渲染来模拟这种情况。这是jQuery试图在内部实现的，以提供“尽可能最好的预期结果”，但确实，由于DirectX过滤器对图像进行操作，因此浏览器必须在内部进行渲染并传递，因此会产生两个问题：

• 由于无法应用ClearType，因此消除混叠非常困难
• 由于DirectX尝试在顶部渲染，因此可能存在堆叠问题，例如，在过渡期间，单独的层不总是以正确的顺序出现

您描述了这两个问题，遗憾的是，这在过滤黑客中是正常的。您可以找到一些可能的解决方案，但总的来说，我只能接受这在IE上无法正常工作