状態:-
閲覧数:13,760
投稿日:2013-01-21
更新日:2017-10-29
・解決するまで、5時間近くかかった
・めっちゃしんどいわ!
・こういうやつ
・外側のdivに当てたクラスで背景画像を指定してるのに、何故か表示されない
・結局、「clear:both;」挿入したら、無事表示されるようになった
問題
・「clear:both;」挿入しなくても、無事表示されているサイトもある
・「clear:both;」挿入しないと、表示されないサイトもある
・両者の違いが不明
・考えられるのは、レスポンシブにしていることが何か悪影響を及ぼしているのではないか、と言うもの
・レスポンシブ系は、widthとかを固定指定出来ないので、細かい挙動制御が難しいわ、と改めて思ったよ
結論
・いずれにしても、画像パスや、CSS指定方法があっているのに、背景画像がどうしても表示されないときは、
1.中でフロートを使用していないか確認
2.使用していたら、「clear:both;」を挿入してみる
・めっちゃしんどいわ!
・こういうやつ
・外側のdivに当てたクラスで背景画像を指定してるのに、何故か表示されない
<div class="背景画像指定クラス">
<h2 class="フロート左クラス"></h2><ul class="ロート左クラス"></ul>
</div>
・結局、「clear:both;」挿入したら、無事表示されるようになった
<div class="背景画像指定クラス">
<h2 class="フロート左クラス"></h2><ul class="ロート左クラス"></ul>
<div style="clear:both;"></div>
</div>
問題
・「clear:both;」挿入しなくても、無事表示されているサイトもある
・「clear:both;」挿入しないと、表示されないサイトもある
・両者の違いが不明
・考えられるのは、レスポンシブにしていることが何か悪影響を及ぼしているのではないか、と言うもの
・レスポンシブ系は、widthとかを固定指定出来ないので、細かい挙動制御が難しいわ、と改めて思ったよ
結論
・いずれにしても、画像パスや、CSS指定方法があっているのに、背景画像がどうしても表示されないときは、
1.中でフロートを使用していないか確認
2.使用していたら、「clear:both;」を挿入してみる