2012-04-13 65 views
1

我有一个问题,在IE 8,7和6(显然)淡出文本。该文本在动画期间具有黑色轮廓,完全破坏了该效果。有没有解决方法?我读过一堆关于这个问题的答案,没有任何意义。请在IE 8中查看这个简单的jsFiddle http://jsfiddle.net/LhSK7/,并告诉我如何解决它。IE 8和文本褪色

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

编辑#2:问题可以排序通过设置元素的背景颜色被褪色,虽然在IE 8和以下仍然非常丑陋,至少摆脱黑色轮廓。

+0

我已经打过电话this.style.removeAttribute ('过滤');动画完成后按照建议操作,但不起作用。我甚至不知道它是否适用于这个问题,因为问题是动画 – DMIL 2012-04-13 22:12:16

+0

在IE 8,7,6中没有看到任何问题。我没有看到“黑色轮廓”。你能为我们截图吗? – Ohgodwhy 2012-04-13 22:14:03

+0

我编辑了问题以添加屏幕截图。在几乎处于完全不透明状态时,轮廓变黑,然后恢复为正常的明文类型文本。 – DMIL 2012-04-13 22:22:56

回答

2

如果你可以设置背景颜色为#content,那应该可以工作(至少在IE8中,我没有旧版本可以检查)。

0

加入微软过滤器为您的“容器”,您将得到流畅的动画效果:) 你甚至可以把它放在只有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]-->