###GoogleMapの埋め込みで後のCSSに変化
今、WEBページの制作練習をしているのですが、
GoogleMapを埋め込むまでは表示されていたものが表示されなくなってしまいました。
しかも、Firefoxでは表示されるのに、Chromeでは表示されません。
こちらが作成したものです。
↓ ↓ ↓
練習しているページ
###ソースコード
lang
1<div class="cover section4"> 2 <div class="centerBox4"> 3 <h2>ABOUT ME</h2> 4 <div class="campany"> 5 <dl> 6 <dt>所属</dt> 7 <dd>システム開発部</dd> 8 <dt>所在地</dt> 9 <dd> 10 千葉県南房総市 11 </dd> 12 </dl> 13 </div> 14 <div id="mapField"></div><--//ここがmapの部分です 15 </div> 16</div> 17<div class="cover section5"> 18 <div class="centerBox"> 19 <h2>CONTACT</h2> 20 <p>ぜひお問い合わせください</p> 21 <p style="padding: 10px;"><a href="#">mail TO</a></p> 22 </div> 23</div> 24
lang
1 2.section5 { 3 height: 100%; 4 background: url(../img/03.jpg) no-repeat fixed; 5 background-size: cover; 6 text-shadow: 2px 2px 3px #555; 7}
最後のdiv背景にfixedを入れているのですが、表示されなくなってしまい、
その場でリロードをすると表示されるのですが、fixedがかからず一緒にスクロールされてしまう状況です。
上記にも書きましたが、FireFoxでは思った挙動になっています。
Safariも大丈夫でした。
Chromeはダメでした。
一体何が原因で表示されないのか誰か教えて頂けると感謝です。
宜しくお願いします。
回答2件
あなたの回答
tips
プレビュー