jquery - How can I get to see the full image in the background? -
i have site:
at bottom there 2 images, unfortunately these images can not seen completely.
you can open original image in new tab see how looks.
to me sees 90% of image
code html:
<div class="entry-content" style="height: 391px;"> <div class="sus"></div> <div class="jos"></div> <div class="jos2"></div> </div>
code css:
.sus{ width:100%; height: 60%; position:absolute; top:0; background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/banner-300x215.png") no-repeat center center #b03d3d; background-size:cover; } .jos{ width: 50%; height: 40%; position:absolute; bottom:0; background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/news2-300x246.png") no-repeat center center #b03d3d; background-size: cover; } .jos2{ width: 50%; height: 40%; position:absolute; bottom:0; right:0; background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/news1-300x246.png") no-repeat center center #b03d3d; background-size: cover; }
so thought pictures ... tell me please wrong , how fix situation image see full?
thanks in advance!
try 100% background-size
like,
.jos{ ... background-size: 100% 100%; } .jos2{ .... background-size: 100% 100%; }
Comments
Post a Comment