如何让我的背景看得到满?

时间:2015-05-07 10:24:48

标签: html css

我有这个页面:

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;
 }

你能帮我解决这个问题吗?

提前致谢!

0 个答案:

没有答案