質問: ### 前提・実現したいこと LPのトップ画像の差し替えにあたり、横長の画像を横長の画像に差し替えたいと考えています。 具体的には、 ・ページトップの画像を横長の画像から別の縦長の画像に変更 ・画像のサイズは、新しく差し替える縦長の画像をそのまま入れたいです。 ・配置はそのまま ### 該当のソースコード ●HTML ●CSS .h_haikei_t { width: 100%; max-width: 1200px; height: 180px; margin-right: auto; margin-left: auto; padding: 0px 0px; } .tophaikei { width: 100%; height: 100%; margin-left: auto; margin-right: auto; height: auto !important; /*IE6対策*/ background-image: url(img/tophaikei1.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; ### 試したこと ・親要素の .h_haikei_t のheightを180px→auto・100%に変更しました。そうすると画像が表示されなくなりました。 ・画像だけをさしかえると、本来の横長画像のサイズで表示され、画像下部が途切れて表示されました。
回答: 親要素の高さを指定していない場合、100%/autoなどを指定すると、高さは0になります。ChromeでF12などで確認しながら作業を進めましょう。 .h_haikei_tの親要素に高さが合設定されているか確認しましょう