こんにちは。
先日問い合わせさせていただいた際に、ヘッダー画像をPC、スマホサイズに可変できるようになったのですが、ヘッダー画像下の文章が画像によって消えてしまう状態になってしまいました。
補足で一旦修正できたのですが、なぜかまた同じようになってしまいました;;
visionの文章が、headerimgで消されてしまいます。
ヘッダー画像の下に、文章が見えるようにしたいでです。
お分かりの方おられましたら、何卒ご教示のほどよろしくお願いいたします。
html
1<div class="header-img"><img src="images/mainImg.jpg" alt=""> 2 </div> 3 4 5<!-- GUIDE --> 6<section id="sec01"> 7 <header> 8 <h2>タイトル</h2> 9 </header> 10 <div class="vision"> 11 ここに文章 12 </div> 13</section> 14<!-- // GUIDE -->
CSS
1#header{ 2 position: relative; 3} 4 5.header-img { 6 position: absolute; 7} 8 9.header-img img { 10 width: auto; 11 max-width: 100%; 12 height: auto; 13} 14 15.vision{ 16 width: 80%; 17 margin: 0 auto; 18 padding-bottom: 80px; 19} 20 21
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/03 05:24
2018/08/03 06:25