CSS - 我可以通過改變寬度和高度來調整背景圖片的大小嗎？

Question

考慮下面的CSS規則，

#block1 { 
text-indent: -1000em; 
background: transparent url(../images/xxx.png) no-repeat scroll center center; 
width: 100px; 
height: 50px; 
display: inline-block; 
} 

假設圖像xxx.png 50像素尺寸是100像素的。如果我需要使＃block1上顯示的圖像看起來更小，我可以簡單地更改＃block1的寬度和高度，或者我必須首先重新調整圖像大小，然後相應地更改＃block1的寬度和高度。

謝謝

Answer 1

你不能在CSS1和CSS2中，但CSS3支持background-size屬性，如果你設置爲100％，應該給你你正在尋找的東西。

但是，您可能應該調整背景圖片的大小，除非您有令人信服的理由不要:)

Answer 2

不，圖像看起來會被裁剪。

Answer 3

CSS只能定位圖像，不能調整它。如果您絕對需要通過CSS調整圖像大小，則必須將圖像實際插入爲img標記，然後將其放在內容後面。最好只是編輯它。