CSSで画像が表示できない場合の対処法

cssで画像が表示できない問題の解決策: 1. cssの呼び出しが成功したかどうかを確認する; 2. divの設定が間違っていないか確認する; 3. 背景画像の呼び出しパスを確認して変更する; 4.背景要素の幅と高さを設定; 5. 要素にブロック属性を設定; 6. 同名の CSS クラスのスタイルで上書きされていないか確認して修正します。

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

cssで設定した背景画像が表示されない原因

1. cssが呼び出されない

cssの呼び出しが成功したか確認する必要があります。

2. div 設定が間違っていると、背景画像が高すぎて表示されなくなる可能性があります。

3. 背景画像の呼び出しパスが間違っている

css 背景を設定するために使用されます。背景、書き方 .div{backgroud:url('1.jpg');}です。CSSが正しく記述されているか確認してください。画像が表示されません。画像の保存場所が間違っている可能性があります。画像がどこに置かれているかわかりません。フォルダーはどのように書けばよいでしょうか? HTML ファイルと画像をまとめて、backgroud:url('1.jpg');

4 と直接記述することができます。背景要素には幅と高さはありません。

要素に幅と高さがない場合、背景は表示できません。背景は要素を拡大しません。背景サイズを設定します。

The div box has no content and need to set width and height.

5. 要素にはブロック属性がありません。

要素にブロック属性がない場合に設定した高さ、幅は無効となります。したがって、画像は表示されません。

6. 同名の css クラスのスタイルで上書きされます。

先頭に.bgという名前で背景表示画像を設定し、後から.bgという名前で背景表示色を設定するものとします。

現時点では、コンソールを開いて (F12 キーを押して)、CSS スタイルの背景プロパティを表示する必要があります。

HTML/CSS の詳しい知識については、

CSS ビデオ チュートリアル 列をご覧ください。

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