使用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，但是当然你必须弄清楚如何从新浏览器中隐藏该图片。