jquery - Internet Explorer 通过半透明的 div 背景截取文本

Question

嗯，老实说，我真的不知道如何描述这个，除了:

“为什么这在 IE8 中不起作用，但在 Firefox 或 Chrome 中却很好”: http://jsfiddle.net/iddqd/xEfSK/

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

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

有什么提示吗？

Answer 1

简短而简单的回答是 IE8 和更低版本不支持 opacity 也不支持任何类型的透明度模拟器，例如 rgba() 着色。它只能通过使用(现已弃用)filter 语法在内部调用 DirectX 渲染来模拟这一点。这就是 jQuery 试图在内部做的事情，以提供“尽可能最好的预期结果”，但是，是的，它看起来会更丑，因为 DirectX 过滤器对图像进行操作，因此浏览器必须在内部呈现并传递它，从而创建2个问题:

• 由于无法应用 ClearType，抗锯齿很棘手
• 由于 DirectX 尝试在顶部渲染，因此可能会出现堆叠问题，例如在转换过程中单独的图层并不总是以正确的顺序出现

您描述了这两个问题，遗憾的是，这对于 filter-hack 来说是正常的。您可以找到一些可能的解决方案 on this page ，但总的来说，我只是接受这在 IE<=8 上无法正常工作，和/或优雅地降级以跳过这些浏览器中的淡入淡出。