2012-01-25 9 views
1

私は2つの画像のスプライトを使用しており、すべてのInternet Explorerバージョンで1pxの違いがありますが、Firefoxでは問題ありません。Internet Explorerに背景画像との奇妙な1pxの違いがあります

ここでデモをご覧ください。http://jsfiddle.net/bHUs3/6/

私の心が痛いです。この不一致の原因は何ですか?

は音としてIEイマイチの私のインストールは、私は私はそれが原因だと思い

enter image description here

+0

私はIE8に気づく唯一のものは、いくつかの不透明funkinessが、無1pxの差である:http://jsfiddle.net/bHUs3/9/

あなただけIEでこの変更を行いたい場合は は条件付きコメントを使用します。 – j08691

+0

PNGの青いボタン領域から1pxを出力しているかのように見えますが、上に転がったときには – SMacFadyen

+0

のように見えますが、問題は表示されません。すべてのブラウザ/ドキュメントモードでIE 9をチェックすると、うまく見えます。 –

答えて

0

を考えている場合、私は調査してい 編集インターネットエクスプローラ(なし特定のバージョン)でホバー上の画面の下に参照してください。テキストシャドー効果の色の劇的な変更によって。

ボタンが移動されていないとき、文字が何らかの形で大なります。白い文字の白い境界が文字の現在の重さに追加されているようです。文字の色が異なるため、ホバーイベントでは発生しません。

x軸に+ 1pxを加算すると、スムージングされます。

<!--[if IE]> 
.calltoActionReadMore {background-position:1px -24px} 
<![endif]--> 
+0

テキストシャドーが適用されていないので、私はあなたの答えを本当に理解していませんか?申し訳ありません - あなたは精巧にできますか? :) thanks – SMacFadyen

+1

グラフィックのテキストは、ソリッドテキストシャドーに似た効果があります。この影は、文字の下側にあるホバー状態で見やすく、シアン文字とボタンの半透明色の間に白い境界線があるようです。 前回の投稿で指定しなかったことをお詫び申し上げます。 :) –

関連する問題