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

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

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、この方法はすべてのブランドのコンピューターに適しています。

おすすめ: 「css ビデオチュートリアル 」

css の画像が表示できない理由

1. css Call されていません

これは、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 スタイルの背景プロパティを表示する必要があります。

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