Изменение размера фона для div с использованием css

Question

У меня есть изображение для фона для div, который не совсем подходит. Можно ли с помощью css изменить размер изображения (например, background-size: 10%)?

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

Answer 1

background-size еще не реализован ни в одном браузере, но есть - * - background-size для новейших версий Mozilla, Webkit, Konqueror и Opera (с ошибками):

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: исправлено.

Центр разработчиков Mozilla содержит дополнительные возможности для Firefox 3.5.

В старых браузерах вы можете эмулировать его с помощью img, как во второй ссылке Джимми, но, конечно, вам придется выяснить, как скрыть это изображение в новых браузерах.

Answer 2

background-size - это значение css3, которое можно установить

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

или используйте этот метод http://css -tricks.com / как к изменяемого размера-фоновое изображение /