Картинки в background.

[Sofmes]

Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается.

PS Надеюсь, доходчиво объяснил.

[zSpx]

Для того, что бы обрезались, родителю ширину и overflow: hidden; или всем изображениям для конкретного родителя max-width (.content img {max-width: 600px;}) Фон тут не нужен.

[Justnewone]

Для того, что бы обрезались, родителю ширину и overflow: hidden; или всем изображениям для конкретного родителя max-width (.content img {max-width: 600px;}) Фон тут не нужен.

неправдо, будет масштабировать. Ширину надо как раз родителю задавать а не картинке.

[zSpx]

Для того, что бы обрезались, родителю ширину и overflow: hidden; или всем изображениям для конкретного родителя max-width (.content img {max-width: 600px;}) Фон тут не нужен.

неправдо, будет масштабировать. Ширину надо как раз родителю задавать а не картинке.

все работает как надо: http://jsfiddle.net/jw6N9/

[Justnewone]

все работает как надо: http://jsfiddle.net/jw6N9/

Работает и масштабирует картинку Чета не понимаю, как оно будет обрезаться, если блок под ним, допустим, на 50 пикселей меньше.

[zSpx]

Теперь понял. Вы правы, если задать максимальную ширину она обрезаться не будет) Я хотел сказать, что если нужно сделать защиту от дуракаот непутевого менеджера, закачивающего большие картинки, не обязательно их обрезать, можно установить максимальную ширину. Правда в ИЕ8 увидел баг, при котором он растягивает картинку по высоте, если заданы размеры через свойства img.