質問宜しくお願い致します。
画面幅いっぱいの背景画像にすると、下に続く要素との余白が出来てしまいます。
css
1.title { 2 background: url(../images/title.jpg) 0 0 no-repeat; 3 background-size: contain; 4 padding-top: 56.25%; 5 height: 0; 6 position: relative; 7}
要は、横長のタイトル背景画像をブラウザいっぱいに横に伸ばしたいのですが、(縦横比固定)
上記cssだとpadding-top: 56.25%;の影響か、下に続くdiv要素との間に大きな余白が出来てしまいます。
もっと良い方法があるのでしょうか?
回答3件
あなたの回答
tips
プレビュー