5

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

背景オブジェクトを使用しています。位置が固定され、サイズが 1920*1050 の div です。サイトをすべての解像度に対応させたいので、これが必要です。解像度が小さいと背景の大部分が隠れますが、フル HD ユーザーは背景全体を見ることができます。

この div に絶対位置を使用すると、ブラウザで水平スクロールが可能になります。非表示のオーバーフローで非表示にすることはできますが、スクロール機能を無効にすることはできません。固定位置では、ブラウザはオブジェクト全体を「見る」ことができず、水平スクロールが無効になっているのと同じです。

誰かが他の解決策を持っているなら、私はそれにとても感謝しています.

このソリューションの問題は、次のとおりです。

両者の違いがわかります。テキストのスタイリングは同じですが、固定されたものにはアンチエイリアスはありません。フォントサイズが小さいと、本当に面倒です。

過去にこのバグに遭遇した人はいますか?どうすれば修正できますか、または背景画像の他の解決策はありますか?

アップデート

さて、div を削除し、body タグの背景を固定属性で追加しましたが、同じことが起こりました... background-attachment: fixed; < 同じ問題を引き起こす

4

2 に答える 2

0

親要素から box-shadow プロパティを削除します。これは私にとってはうまくいきました。

于 2013-11-18T06:39:49.607 に答える
0

あなたのバックグラウンドが何をしているのかよくわかりません。しかし、すべてのブラウザ ウィンドウ サイズに合わせて比例的にスケーリングする背景が必要な場合は、このプラグインとプリロードをオンにした適度に高解像度の JPG を使用できます。

于 2012-07-09T00:11:24.603 に答える