jquery - How can I get to see the full image in the background? -


i have site:

link

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

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -