2

何らかの理由で、IE 7 および IE8 で背景画像を表示する際に問題が発生しています。IE9 以降の最新のブラウザーでは動作し、次のように出力されます。

正しい画像

(CSS は、ログインの周りに灰色の枠付き要素を生成します)

ただし、IE7 と IE8 では次のようになります。

IE8 および 7 ディスプレイ

相互互換性を持たせた他のサイトでこの問題が発生したことを思い出せませんが、ページの読み込み時間を節約するために、最近は画像を使用しないようにしています。

私のCSSは次のとおりです。

#contentright .panel {
   background-image: url("/incl/images/bg_panel200.gif");
   background-repeat: no-repeat;
}


#contentright .panelbottom {
background-image: url("/incl/images/bg_panelbottom200.gif");
background-position: center top;
background-repeat: no-repeat;
}

Google で簡単に検索したところ、以前のスタック オーバーフローの回答で、CSS を次の形式に修正することが提案されていました。

 background: url('/incl/images/bg_panelbottom200.gif') no-repeat center top;

ただし、これも機能していないようです。

前もって感謝します。

4

3 に答える 3

1

display:block要素に使用してみて、 を設定しwidth、heightも使用しますborder:none; background-color:transparent

于 2013-03-08T14:35:23.227 に答える
1

height古いバージョンの IE で表示するには、div の背景を指定する必要があります。

于 2013-03-08T14:25:37.143 に答える
0

これは私の最初のレスポンシブデザインであるため、画面/ビューポートのサイズに基づいてcssを適応させるためにメディアクエリを使用する必要がありました。IE7とIE8では「media="'screen'"」と「media='print'」の宣言のみが機能するようです。つまり、：の宣言は機能しません。これが、IE7と8この宣言を理解していないので、無視してください。他の有効な回答者に感謝しますが、それらは私がすでに知っていて試したことです。

于 2013-03-08T14:43:08.507 に答える