使用css更改div的背景大小

Question

我有一個不完全適合div的背景圖片。有沒有辦法，使用CSS來改變圖像的大小（例如背景大小：10％）？

.header-tab { background: transparent url(/resources/images/light-green-gradient.png) repeat-x scroll 0 0; } 

Answer 1

背景大小是可以設定的CSS3值

見：http://www.w3.org/TR/css3-background/#the-background-size

或使用此方法 http://css-tricks.com/how-to-resizeable-background-image/

Answer 2

背景尺寸未在任何瀏覽器尚未實現，但是最新版本的Mozilla，Webkit，Konqueror和（buggy）Opera有 - * - background-size：

background-size: 10%; 
-moz-background-size: 10%; 
-o-background-size: 10% auto; /* Opera needs x AND y values, or no background! */ 
-webkit-background-size: 10%; 
-khtml-background-size: 10%; 

不要在Opera中與background-attachment一起使用它：fixed。

Mozilla Developer Center有更多和Firefox 3.5的解決方法。

對於以前的瀏覽器，你可以用Jimmy的第二個鏈接來模擬img，但是當然你必須弄清楚如何從新瀏覽器中隱藏該圖片。