CSS静态背景横幅

Question

我在envatomarket购买了一个主题，这里是link。现在我的背景横幅有问题。这是它的样子：

正如您所看到的，横幅的背景就像是图片的拼贴画，它会根据屏幕的大小进行裁剪，但原始图像为here。由于它是bootstrap，因此图像将根据屏幕的大小调整大小。但是，如果我想在背景中显示完整的图像，因为它是链接怎么办？以下是代码：

HTML：

<div class="wrapper">
 <section class="banner-bg">
 //more html
 </section>
</div>

CSS：

.wrapper {
max-width:100%;
}

.banner-bg { 
background:url(../images/main-bg.jpg) no-repeat top center;
position: relative;
text-align: center;
}

有没有办法，无论屏幕大小如何，整个图像仍然可见，而不是像上面的屏幕截图一样？谢谢。

Answer 1

尝试添加：

background-size：100 100;