Фон страницы
Может вопрос немного глупый, но ответ нужен.
Имеется некоторая страница. В качестве фона она имеет .jpg картинку. При разрешении экрана 1024*768, всё отображается отлично.
<body background="images/FON.jpg">
Но если поставить разрешение больше, эта картинка(фон) не растягивается по экрану, а начинает повторять некоторые фрагменты. Как избежать этого?
Заранее спасибо!
Имеется некоторая страница. В качестве фона она имеет .jpg картинку. При разрешении экрана 1024*768, всё отображается отлично.
<body background="images/FON.jpg">
Но если поставить разрешение больше, эта картинка(фон) не растягивается по экрану, а начинает повторять некоторые фрагменты. Как избежать этого?
Заранее спасибо!
По-моему, в таком случае надо использовать возможности задания ширины и длины объекта, при чем задавать их нужно в процентах. Тогда отображаться должно все нормально.
фон нельзя растянуть, можно лишь повторять, делай или детали, которые будут повторятся на всю длинну и (или) высоту, или нормальную картинку ставь фоном, но задай блоку запрет на повторение фона.
Сделал немного коряво, но вроде работает
<img src="images/FON.jpg" style="z-index:-1; width:100%; height:1150px; size:inherit"/>
т.е. отдельным слоем
<img src="images/FON.jpg" style="z-index:-1; width:100%; height:1150px; size:inherit"/>
т.е. отдельным слоем
Ну даже не знаю, но в таком случае я бы предпочёл сделать (хотя, я ж не знаю дизайна автора) одну картинку неподвижную фоном:
[HTML]
BODY{
background-image: url(xxx.jpg);
background-position: center middle;
background-repeat: no-repeat;
background-attachment: fixed;
}
[/HTML]
[HTML]
BODY{
background-image: url(xxx.jpg);
background-position: center middle;
background-repeat: no-repeat;
background-attachment: fixed;
}
[/HTML]