2011-09-09 7 views
4

IEで私の透明なPNGで起こっているいくつかの奇妙なアンチエイリアシングが起こっています - 特定のjqueryアニメーションが実行された後に状況が悪化するように/要素が他の要素いくつかのスクリーンショット。なぜこれが起こっているのかも知れませんか?IEで奇妙な、まれな透明なPNGエイリアシング

一部の画像(中央の車など)がうまく表示されていることがわかります。他のもの(JQueryで消えてしまった2台の車のように、JQueryで特定のことが起こった後、不思議なことに表示されます)、最初のスクリーンショットの3つのアイコンのようなものは、常にちょっと表示します。。。アイコン)あなたが提供することができます任意の助けてくれてありがとう、私は、これらはスプライトの一部であるすべての背景画像であることに注意すべきである

enter image description here enter image description here

+2

おそらく関連しています:[Googleマップの半透明のPNGタイルレイヤーをIE8で動作させるにはどうすればいいですか?](http://stackoverflow.com/questions/2020690/2075524#2075524) –

+0

素晴らしい - ありがとう。 – mheavers

答えて

3

あなたはこれらのブラウザはjqueryのアニメーション

background:url(../images/banner01.png) no-repeat right 13px; 

にはBGの問題を持っていないので、最近のブラウザ用のPNG画像を使用して、IEを(IEの場合、これを追加し、別のCSSファイルを使用するか、または使用することができますつまり、CSSの宣言について

/* ie fix */ 
background-image:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/banner01.png", 
sizingMethod="crop"); 

)ハック:をfilterプロパティはIEで背景イメージを印刷するため、3210の値はnoneになります。