固定DIVを使用すると、Firefoxのアンチエイリアスが無効になる

Question

Firefoxに奇妙なバグが見つかりました。私もChromeでテストしましたが、起こっていませんでした。

私は背景オブジェクトを使用しています。固定ポジションと1920 * 1050サイズのdivです。私は私のサイトがすべての決議と互換性を持たせたいので、これが必要です。解像度が小さくなると背景の大部分は隠れますが、フルHDのユーザーは背景全体を見ることができます。

私はこのdivに絶対位置を使用すると、私のブラウザは私に水平スクロール能力を与えます。私は隠されたオーバーフローでそれを隠すことができますが、私はスクロール能力を無効にすることはできません。固定された位置では、ブラウザはオブジェクト全体を「見る」ことができず、無効な水平スクロールに等しい。

誰か他の解決策があれば、私はそれに非常に感謝しています。

この解決策の問題は、このです：

次の2つの違いを見ることができます。それは同じテキストスタイリングですが、固定のスタイリングではアンチエイリアスはありません。小さなフォントサイズでは、本当に面倒です。

誰もがこのバグに会ったことはありますか？どのように私は、またはそれ以外の背景画像の解決策を修正することができますか？

更新が

さて、私は固定された属性を持つdiv要素、そして私の体タグの追加背景を削除し、同じ... 背景 - 添付ファイルを起こる：固定します; <同じ問題が発生します

Answer 1

あなたのバックグラウンドが何をしているのかは不明です。しかし、すべてのブラウザのウィンドウサイズに合った比例的なスケーリングの背景が必要な場合は、thisプラグインとあらかじめロードされた合理的に高解像度のJPGを使用することができます。

Answer 2

親要素からbox-shadowプロパティを削除します。これは私のために働いた。