jquery - 我怎样才能在背景中看到完整的图像？

Question

我有这个网站:

link

底部有两张图片，遗憾的是这些图片无法完全看到。

您可以在新选项卡中打开原始图像以准确查看其外观。

对我来说，它可以看到大约 90% 的图像

HTML 代码:

<div class="entry-content" style="height: 391px;">
        <div class="sus"></div>
        <div class="jos"></div>
        <div class="jos2"></div>
</div>

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

所以我想做图片...请告诉我出了什么问题以及如何解决这种情况以使图像看到完整的？

提前致谢!

Answer 1

尝试使用 100% 背景大小，例如

.jos{
   ...
   background-size: 100% 100%;
}

.jos2{
   ....
   background-size: 100% 100%;
}