使用css更改div的背景大小

Question

我有一个不完全适合的div的背景图像。有没有办法，使用CSS，来改变图像的大小（例如背景大小：10％）？

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

Answer 1

background-size是一个可以设置的css3值

请参阅：http://www.w3.org/TR/css3-background/#the-background-size

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

Answer 2

在任何浏览器中都没有实现background-size，但是最新版本的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来模拟它，但当然您必须弄清楚如何从新浏览器中隐藏该图像。