Помогите плиз, нигде не могу найти! Можно ли как-нибудь задать в css чтобы рисунок изменял свои размеры в зависимости от экрана. К примеру от 1280 до 800. это по ширине, но надо еще так чтобы по высоте тоже пропорционально с шириной менялась картинка, а иначе будет не рисунок а кваказябра!? 
Про способы разреза изображения по фотошопу я знаю, но хотелось бы избежать данного способа. Так что если кто-нить знает, помогите....

Это сообщение отредактировал(а) AntonSea - 21.9.2012, 13:19

На сколько я знаю, это возможно только используя JS. На чистом CSS этого не сделать.

и это будет очень-очень некрасиво, если у нас не векторная графика. маленький размер будет выглядеть мозаикой(даже с размытием), большой размер будет давать адовы артефакты — предполагается ж, что у нас не фото 1280×1024, так? можно попробовать в любом редакторе увеличить ширину процентов на 20.
обычно делается так: разбивается на части и размещается в разных слоях. одни слои повторяются, другие — выводятся только раз(ну, или с большим интервалом). одни позиционированы абсолютно(left 100px), другие относительно(50%).
есть еще "принцип цикад", который можно использовать для генерации фона большого размера из повторения небольших составляющих.

Адаптивная верстка, не?

да ну что вы, ребята)

Вот статейка на эту тему.
http://htmlbook.ru/css/background-size

masterkot, только если ТС удовлитворяет IE9+ 

Что-то ничего не получается, пытаюсь разобраться куда еще вставлять, вот допустим хидер в css размер самой картинки 1280*300, хочу чтобы уменьшалась до 1024 и по высоте пропорционально!
#jv-header {
        background: url(../images/bg-header.png) 50% 0% no-repeat;
        background color: #fff9e2;
        min-width: 1024px;
}