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

藏色散人
リリース: 2023-01-05 16:11:18
オリジナル
2399 人が閲覧しました

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

IE 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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート