適合一個大的背景圖像，以適應一個小格

所以我有一個圖像是700px寬度，這是我用作背景圖像在200px寬度的div。適合一個大的背景圖像，以適應一個小格

我想保持圖像的大小，以便它可以爲較小的設備保持良好的分辨率。然而，我遇到的問題是因爲圖像大於div圖像溢出（隱藏），但我希望圖像調整和適合取決於div的大小，而不是溢出。

我的div目前：

.featurebox{ 
background: #F9C112 url(../img/pan1.jpg) no-repeat center top ; 
width:200px 
}

來源

2015-08-20 Whirlwind990

定義寬度和高度，然後用background-size: cover

來源

2015-08-20 01:57:30 slick

你可以試試這個？

background-size:100%;

來源

2015-08-20 01:58:12 ninja

嘗試添加此：

background-size: 100% 100%;

如果使用

background-size: 100%;

的高度設置爲自動，然後仍然可以重疊。

來源

2015-08-20 02:00:09 KimvdLinde

您可以設置背景大小：

.featurebox { 
 
background: #F9C112 url(https://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png) no-repeat center top; 
 
background-size: 200px 200px; 
 
width: 200px; 
 
height: 200px; 
 
}

<div class="featurebox"> 
 
</div>

來源

2015-08-20 02:05:39 gagiD

適合一個大的背景圖像，以適應一個小格

回答

相關問題