下のデモのような、斜めに背景画像を表示させる方法です。 demo ※デモはPCのみ対応 こんな感じのサイト、よく見かけますね。 HTML <div class="container"> <div class="content1"> ~省略~ </div> <div class="bg-image"></div> <div class="content2"> ~省略~ </div> </div>CSS .content1, .content2 { position: relative; z-index: 2; } .bg-image { position: relative; width: 100%; height: 0; padding-bottom: 80%; background-image: url(./image.jpg); background-position: center;