Фоновое изображение сайта. Сделать изображение по центру экрана.

Форум:	Форум PHP	Форум Apache	Форум Регулярные Выражения	Форум MySQL	HTML+CSS+JavaScript	Форум Flash	Разное
Новые темы:	0	0	0	0	0	0	0

Здравствуйте, Посетитель!

вид форума:

тема: Фоновое изображение сайта. Сделать изображение по центру экрана.

следующая тема

предыдущая тема

	автор: SilentChild (22.07.2012 в 18:16) письмо автору 341.8 Кб
	Здравствуйте, участники форума! У меня есть изображение. Хочу сделать его фоновым для сайта. Для примера, как на http://www.kinopoisk.ru (сейчас там стоит фоновым изображением "Тёмный рыцарь"). Дело в том, что если открыть сайт "кинопоиск" на мониторах 1024x768 и 1280x1024, то фоновое изображение всегда находится по центру экрана, какое бы разрешение экран не имел. Т.е., когда я открываю сайт на мониторе с меньшим разрешением, то изображение равномерно уходит за обе границы экрана слева и справа. Когда я поставил своё изображение на свой сайт в качестве фона и запретил функцию "замостить", то какой бы экран ни был, изображение всегда начинается слева и никак не хочет уходить за левую границу (если разрешение монитора маленькое) для того, чтобы центр изображения совпал с центром экрана, в котором открывается сайт. В прикреплённом файле показан пример. Слева 1024х768, справа 1280x1024. Центр фонового изображения и там, и там всегда совпадает с центром экрана, даже когда выходит за края. Вопрос: Каким образом этого добиться?
	Ответить

автор: confirm (22.07.2012 в 18:31) письмо автору

для: SilentChild (22.07.2012 в 18:16)

http://htmlbook.ru/css/background
http://htmlbook.ru/css/background-position
И просмотреть хотя бы код страницы так вас поразившей трудно разве?

<script type="text/javascript"> $(document).ready(function(){ DOCUMENT_LOADED = true; $('html').css({'background': 'url(http://st.kinopoisk.ru/images/bnnr/brand/b9196c2c.jpg) 50% 100% no-repeat '}); }); </script> .... <body class="index" onload="" onblur="" onfocus="" onclick="" onmouseover="" onmouseout="" style="background: url(http://st.kinopoisk.ru/images/bnnr/brand/3a5e1c63.jpg) 50% 0 no-repeat ">

Ответить

	автор: SilentChild (22.07.2012 в 20:30) письмо автору
	для: confirm (22.07.2012 в 18:31)
	Благодарю Вас!
	Ответить

вверх

HTML+CSS+JavaScript