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;