我有这个页面:
http://test.dac-proiect.ro/landing-page/index.html
正如您所见,我的背景(两个圆圈)无法完全看到。 我把图像更好地理解了。
http://i61.tinypic.com/2a0gl4w.jpg
这是代码HTML:
<div class="content">
<div class="bg-verde">
<div class="container-video">
<div class="text-sus">
<p>Set us perspiciatis</p>
<p>unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore <p>
</div>
<div class="video">
<img src="images/VIDEO.png" style="width:100%;height:auto;">
</div>
</div>
<!-- <div class="imagine1"><img src="images/CERC-ALBASTRU.png" style="width:70%;height:auto;float:left;"></div>-->
<div class="ion" style="width:100%;height:50px;background:red;"></div>
</div>
</div>
这是代码CSS:
.content{
background: url(images/VERDE.png);
width:70%;
height:1000px; //this height is fixed, I tried to put 100% or car but still does not alter the situation
margin:0 auto;
background-repeat:no-repeat;
background-size:cover;
}
.imagine1{
display:none;
}
.container-video{
width:100%;
height:auto;
background:url(images/BODY-VERDE.png);
margin:0 auto;
overflow:auto;
}
.bg-verde{
height:inherit;
background:url(images/bg2.png);
background-size:cover;
}
你能帮我解决这个问题吗?
提前致谢!