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]-->