Фиксированный фон. Как это сделано?

[Светлана Г.]

Здравствуйте!

Имеется сайт с большой фоновой картинкой. Сначала я ее сделала масштабируемой с помощью свойства background-size: cover; Но оказалось, что при очень больших размерах картинка масштабируется некрасиво - получается размытой.

Нашла пример сайта, как можно было было бы решить эту проблему здесь: http://themeforest.net/item/vierra-responsive-hotel-wordpress-theme/full_screen_preview/5992155

Подскажите, пожалуйста, как это сделано. Видимо, работа какого-то скрипта.

[Игорь Ермаков]

http://ishothim.com/

Вот вам ещё для размышлений. Много такого в сети. 

На самом деле здесь труднее поставить задачу нежели реализовать. 

[Светлана Г.]

Нет, мне этот вариант не очень подходит.

[Игорь Ермаков]

Было бы удивительно если бы подошёл. Особенно если учесть, что вы не написали, что вам нужно. Всё что известно, это:

Имеется сайт с большой фоновой картинкой.

 

Вот я и скинул вам хороший сайт с большой фоновой картинкой. 

[Светлана Г.]

Извините, если дала мало информации. Просто сайт еще в разработке... Вот та страница, где хотелось бы сделать также, как на указанном мною примере: 

http://www.salon-kristyle.ru/contacts/

Только хочу сразу уточнить, чтобы увидеть как фоновая картинка отрабатывается http://themeforest.net/item/vierra-responsive-hotel-wordpress-theme/full_screen_preview/5992155, лучше пройти на другую страницу, например, GALLERY. Не получается дать ссылку именно на нее.

Edited February 19, 2014 by Светлана Г.

[Z1gnet]

вы хотите сделать что бы фоновая картинка не скроллилась и была в высоту экрана?

если так то background-attachment: fixed; решит все ваши проблемы

Edited February 19, 2014 by Z1gnet

[Светлана Г.]

вы хотите сделать что бы фоновая картинка не скроллилась и была в высоту экрана?

если так то background-attachment: fixed; решит все ваши проблемы

 

Не совсем так просто. Нужно чтобы была fixed, но при этом ее размер и позиционирование высчитываются скриптом. Размер подстраивается под область просмотра.

Вот стили, которые получает картинка: 

Edited February 20, 2014 by Светлана Г.