2012-04-13 11 views
1

Ich habe ein Problem mit verblassen Text in IE 8, 7 und 6 (natürlich). Der Text hat während der Animation einen schwarzen Umriss, der den Effekt komplett zerstört. Gibt es eine Problemumgehung? Ich habe eine Reihe von Antworten zu diesem Problem gelesen und keine ergab Sinn. Bitte werfen Sie einen Blick auf diese einfache jsFiddle http://jsfiddle.net/LhSK7/ in IE 8, und zeigen Sie mir, wie es zu beheben, wenn möglich.IE 8 und Text Fading

Edit: Screenshot des Problems: http://i43.tinypic.com/1z6h1th.png Ich dachte, es könnte wegen der VirtualBox sein, aber alle anderen Browser zeigen es korrekt in VirtualBox.

Edit # 2: Das Problem kann Sortierung von gelöst werden, indem die Hintergrundfarbe des Elements verblasst wird, die zwar immer noch ziemlich hässlich in IE 8 und darunter, wird zumindest der schwarze Umriss los.

+0

Ich habe versucht, this.style.removeAttribute Aufruf ('Filter'); nachdem die Animation wie empfohlen abgeschlossen wurde, aber keine Auswirkung hat. Ich weiß nicht einmal, ob es für dieses Problem gilt, denn das Problem ist _during_ die Animation – DMIL

+0

Ich sehe keine Probleme in IE 8,7,6 mit dieser Methode. Es gibt keinen schwarzen Umriss, den ich sehen kann. Könntest du für uns Screenshot machen? – Ohgodwhy

+0

Ich habe die Frage bearbeitet, um den Screenshot hinzuzufügen. Die Umrandung ist schwarz, wenn sie fast vollständig deckend ist, bevor sie wieder in den normalen Text vom Typ clearart zurückkehrt. – DMIL

Antwort

2

Wenn Sie eine Hintergrundfarbe auf #content setzen können, sollte das funktionieren (zumindest in IE8 habe ich keine älteren Versionen zur Hand).

0

microsoft Filter zu Ihrem „Container“ hinzufügen und Sie werden flüssige Animationen bekommen :) Sie können es sogar zwischen IE nur Tags setzen in ...

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