0
に表示されていない、唯一の空白の画面が表示されますが、私は、画像が表示され<img src="IMG/Banner.jpg"/>
タグの代わりに、background:Url(IMG/Banner.jpg);
を使用していた場合。背景画像は、私はdiv要素の背景が表示されていないWebページを開発してい本部
背景画像が働いていない理由は、私を助けてください。
のdiv
.download-area {
background:url("IMG/secondary-banner.jpg") repeat scroll top center;
padding-bottom: 200px;
padding-top: 78px;
position: relative;
}
.download-area .section-title {margin-bottom: 42px}
.download-area .section-title > h1 {margin-bottom: 22px;}
.download-area .section-title p {
color: #fff;
font-size: 1.5em;
}
.download-buttons .button, .download-buttons .button:hover {
background: #ffffff none repeat scroll 0 0;
border-color: #009fdd;
color: #009fdd;
margin: 0 15px;
padding: 0 28px 0 54px;
position: relative;
background-color: #009FDD;
color: white;
}
.download-buttons .button img {
left: 26px;
position: absolute;
top: 10px;
transition: all 0.3s ease-in 0s
}
.download-buttons .button img.btn-hover {
display: none
}
.download-buttons .button:hover img.btn-hover {
display: block
}
.download-buttons .button:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #ffffff;
color: #ffffff;
}
<div class="download-area" id="pricing">
\t \t <img src="IMG/secondary-banner.jpg">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="section-title">
<h1>Get <span>Started</span></h1>
<img src="IMG/title-bg-white.png" alt="">
<p></p>
<p class="text-white">First 100 minutes of Video processing on us!</p>
</div>
</div>
<div class="col-md-12">
<div class="download-buttons text-center">
<a href="#" class="button">UPLOAD YOUR FIRST VIDEO</a>
</div>
</div>
</div>
</div>
</div>
あなたは[codepen]のようなサービスであなたのコードを投稿することができた場合、それは非常に良いでしょう(http://codepen.io/)ので、あなたがエラーを複製することができ、我々は理解することができるかもしれないところだ問題と、なぜそれを起こっている。 –
サンプルコードを表示できますか?私はdivの高さの重みを設定する必要があるので、それが起こっていると思う。あなたのやりたいことを説明してください。 –
私はスニペットを追加しました。見てください。 –