CSSで背景を表示できない場合はどうすればよいですか？-フロントエンドQ&A-php.cn

CSSで背景を表示できない場合はどうすればよいですか？

藏色散人

リリース： 2023-02-01 09:59:55

オリジナル

5186 人が閲覧しました

CSS で背景を表示できない場合の解決策: 1. CSS が呼び出されているかどうかを確認し、正しい CSS パスを再度呼び出します; 2. CSS 画像アドレスを確認し、正しく変更します; 3. CSS の高さを修正しますdiv; 4. div がネストされ、変更されているかどうかを確認します; 5. div コードを標準化するだけです。

CSSで背景を表示できない場合はどうすればよいですか？

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョン、DELL G3 コンピューター

cssでは背景が表示できないのでしょうか？

div の背景画像または色が表示されない場合の解決策

背景画像が表示されない原因には、主に次のような側面が含まれます。

1. css が呼び出されません

2. css 画像アドレスが間違っています

3. div の高さが固定されていないか、自動であるか、値が設定されていません。高さが十分ではありません

4. div ネストされた

5. div コードは標準化されていません

#解決策:

# -DIV の高さは自動であり、背景色は表示されませんコード内元のコード height:auto; を height:100%; overflow:hidden;!重要; IE6、7、8、Google にも対応していますファイアーフォックス。

#- オブジェクトに背景色のスタイルが設定されており、オブジェクトの内部ボックスが float 属性のスタイルを使用しているとします。このとき、オブジェクトは浮いていてオブジェクトが開かないため、 CSS の背景色は使用できません。解決策としては、clear を float に設定する、CSS の高さを設定する、CSS のオーバーフロースタイルを設定する、の 3 つがあることが示されています。

- 高さ制限により、背景色が完全に表示されなくなります。高さを計算していないオブジェクトがある場合 (または誤って非常に小さな高さ属性スタイルを設定した場合)、どの程度の高さであるかがわからないため、コンテンツが存在する場合、コンテンツが高さ制限を超える場合、背景の一部が表示されない場合があります。高さを十分に高く設定するか、高さスタイルの削除をキャンセルしてください。

ケース:

<div style="width:960px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左侧</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右侧</div>
</div>

ログイン後にコピー

外側の div の高さが設定されていないため、上記のコードを設定すると、3 つの透明なボックスが表示されます。

正しいコードは次のとおりです。以下 :

<div style="width:960px; height:200px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左侧</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右侧</div>
</div>

ログイン後にコピー

推奨学習: "

css ビデオチュートリアル

以上がCSSで背景を表示できない場合はどうすればよいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。