Zmena veľkosti pozadia pre div pomocou css - css

Mám obrázok pre pozadie pre div, ktorý sa nezhoduje. Je tam spôsob, ako pomocou cssu zmeniť veľkosť obrázku (napr. Veľkosť pozadia: 10%)?

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

odpovede:

background-size je hodnota css3, ktorú možno nastaviť

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

alebo použiť túto metódu http://css-tricks.com/how-to-resizeable-background-image/

background-size isn "t ešte nie je implementovaný v žiadnom prehliadači, ale existuje - * - veľkosť pozadia pre najnovšie verzie Mozilly, Webkitu, Konqueroru a (buggy) Opery:

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%;

Nepoužívajte ho v Opera spolu s prílohou na pozadí: opravené.

Centrum vývojárov Mozilly má viac a riešenie pre Firefox 3.5.

Pre staršie prehliadače, môžete ho napodobniť img ako v Jimmy "druhý odkaz, ale potom samozrejme" d musieť zistiť, ako skryť, že obraz z nových prehliadačov.