Question

我在IE 8,7和6中显然有淡化文本的问题（显然）。在动画期间，文本具有黑色轮廓，完全破坏了效果。有解决方法吗？我已经阅读了一些关于这个问题的答案，没有任何意义。请在IE 8中查看这个简单的jsFiddle http://jsfiddle.net/LhSK7/，并告诉我如何修复它。

修改：问题的屏幕截图：http://i43.tinypic.com/1z6h1th.png 我认为这可能是因为VirtualBox，但所有其他浏览器都在VirtualBox中正确显示它。

编辑＃2：问题可以排序通过设置被褪色的元素的背景颜色来解决，这在IE 8及以下版本中仍然非常难看，至少可以摆脱黑色概要

Answer 1

如果您可以将背景颜色设置为#content，那应该可以使用（至少在IE8中，我不会手头有旧版本来检查）。

Answer 2

将微软过滤器添加到您的“容器”中，您将获得流畅的动画:) 您甚至可以将它放在仅IE标签之间......

<!--[if IE]>
#container {
 font-family:"Times New Roman",Georgia,Serif;font-size:40px;
 display:block;
 width:400px;
 height:80px;
 border:1px solid;
 position:relative; 
 color:#a0a0a0;
 background-color:white; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
 filter:alpha(opacity=0); 
 }
 <![endif]-->

IE 8和文本淡入淡出

2 个答案: