jquery - For some reason my background is not high resolutions until the end? -
i have page:
at bottom 2 divs(bottom stanga , bottom dreapta
)`
look @ picture below understand happens in high resolution.
code html:
<div class="continut"> <div style="height:60%;" class="carousel">[image-carousel category="test"]</div> <div class="banner-mobile">the top div</div> <div class="bottom stanga">bottom left</div> <div class="bottom dreapta">bottom right</div> </div>
code css:
.bottom { float: left; width: 50%; height:40%; } .stanga { background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/news1-300x246.png") no-repeat center center #b03d3d; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .dreapta { background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/news2-300x246.png") no-repeat center center #b03d3d; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
the problem on high resolution ... can tell me please in way think?
thanks in advance!
Comments
Post a Comment