IE CSSの背景画像が表示されない場合の対処方法

ie CSS 設定の背景画像が IE ブラウザでサポートされていない CSS 属性を使用しているため、CSS 背景画像が表示されません。解決策は、個別の属性を使用するのではなく、省略された属性を使用することです。古いブラウザでのサポートが強化されており、入力する文字数が少なくなります。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

Web ページを作成した後に CSS で設定した背景画像が IE ブラウザで表示されないことがよくありますが、CSS で設定した背景画像が IE ブラウザで表示されないのはなぜですか?

IE ブラウザで CSS で設定した背景画像が表示されない原因を見てみましょう。

IE ブラウザで CSS 設定が表示されないのは、IE を使用しているためです。 CSS で背景画像を設定する場合、CSS プロパティがブラウザーでサポートされていません。

背景画像を設定するときは、rgba 属性を使用して背景画像の色と透明度を設定します。

例:

background: url(../images/in_bon_02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

このとき、背景画像が表示されない場合があります。

rgba の概要:

rgba カラー モードは、RGB モードにアルファ透明度が追加される点を除いて、RGB と同じです。

説明:

RGBA(R,G,B,A)

値:

##R: 赤色の値。正の整数 | パーセント G: 緑色の値。正の整数 | パーセント B: 青色の値。正の整数 | パーセント A: アルファ透明度、0 ～ 1 の値。

IE6.0-8.0 は透明度を実現するための rgba モードの使用をサポートしていません。IE フィルター処理を使用できます。

省略された属性は古いブラウザでより適切にサポートされ、入力する必要がある文字が少なくなるため、一般的には個別の属性を使用するよりも省略された属性を使用することをお勧めします。

【推奨学習:

css ビデオ チュートリアル 】

以上がIE CSSの背景画像が表示されない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。