1

IE 8、7、および 6 でテキストのフェードに問題があります (明らかに)。アニメーション中にテキストに黒い輪郭が表示され、効果が完全に失われます。回避策はありますか? この問題に関する多くの回答を読みましたが、どれも意味がありません。この単純な jsFiddle http://jsfiddle.net/LhSK7/を IE 8 で見て、可能であれば修正方法を教えてください。

編集: 問題のスクリーンショット: http://i43.tinypic.com/1z6h1th.png VirtualBox が原因ではないかと思いましたが、他のすべてのブラウザーでは VirtualBox で正しく表示されます。

編集 #2: この問題は、フェードする要素の背景色を設定することで解決できます。これは、IE 8 以下ではまだかなり醜いですが、少なくとも黒い輪郭を取り除きます。

4

2 に答える 2

2

背景色を#contentに設定できれば、それは機能するはずです（少なくとも、IE8では、古いバージョンをチェックする必要はありません）。

于 2012-04-13T22:27:36.963 に答える
0

「コンテナ」に Microsoft フィルタを追加すると、スムーズなアニメーションが得られます:) 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]-->
于 2012-04-13T23:25:36.500 に答える