dartVader

Спасибо, но слон сжимается, а не изменяется пропорционально.. http://savepic.ru/8805341.png Необходимо, что бы его хобот прятался под левую часть экрана.

https://jsfiddle.net/dartVader/pk90pqej/1/ Фоновое изображение должно быть вписано в блок .content c выравниванием по правому краю, со 100% пропорциональным заполнением. Блок .sidebar изменяется, в зависимости от ширины монитора.

Спасибо, но при таком подходе, при изменении разрешения экрана картинка не подрезается

Да, я видел. Фон "шаманится" фотошопом. Задачу, также, можно через jquery с кучей условий реализовать. Существует ли, на сегодняшний день, изящный способ решения через CSS?

автор, или ты сам себе противоречишь или ты неправильно ставишь задачу. Скорее всего, путано объяснился. Необходимо получить такой результат _http://modernview.pro/В случае с этим сайтом, каждая фоновая картинка подгоняется в фотошопе.

Добрый день! Подскажите, как реализовать следующую задачу: Необходимо, что бы в блоке .content было фиксированное фоновое изображение (картинка) с максимальным заполнением, прижатая к правому краю .content <div class="container-fluid"> <div class="col-xs-7 content"> контент </div> <div class="col-xs-5"> навигация </div></div>.content { background: url("background.jpg") no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} Если делаю, как приведено в коде, картинка растягивается по ширине body. Существует ли какое-то изящное правильное решение? Спасибо.