私のウェブサイト（これはテスト用です）で、見出しのすぐ横にロゴとして背景画像を追加しました#title。ChromeとFirefoxでは正常に動作していますが、IE8では正常に動作していません。
代わりにフォーマット画像をロゴとして追加しようとするとjpg、IE8では正常に機能しています。それから私はまた働いた正方形のpng画像を使ってみました。
次に、以下に示すように非二乗画像を使用すると、IE8が機能しないことに気付きました。
とにかくそれをIE8で動作させるには？
2 に答える
3
background-size問題は、IE8がCSSプロパティをサポートしていないためです。
IE8をサポートし、背景画像を使用する場合は、ブラウザに拡大縮小を依頼するのではなく、提供するスペースに実際に収まる画像を提供する必要があります。
<img>別の方法は、背景画像ではなく、タグの前景画像として使用することです。これにより、スケーリングが可能になります。
于 2013-03-27T14:30:36.483 に答える
3
動作しています。あなたはそうではないと思うだけです。
背景サイズはIE8ではサポートされていません（http://caniuse.com/#search=background-size）;
そのため、画像と同じサイズ（800x800）で使用しています。あなたは画像を見ています。画像の左上隅が透明になっているだけです。
私が何を意味するのか見たいですか？お気に入りの最新のブラウザを開き、インスペクタツールを開いて、background-sizingプロパティを削除します。「画像はどこに行きましたか？」それはまだそこにあります。次に、ロゴdivをはるかに大きくします。実際には800x800です。画像が戻ってきました。基本的に、IE8が画像を表示する方法をエミュレートしました（div部分のサイズ変更ではありません）。
ロゴのサイズがわかっているので、適切なサイズの画像を使用するだけで、実際にbackground-sizeプロパティを使用する必要はありません。
于 2013-03-27T14:31:54.520 に答える