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;