|
|
|
| Здравствуйте.
Подскажите как можно сделать следущее:
Есть фоновая картинка , размером 1600px х 900px.
Мне нужно ее вставить в фон сайта , и так чтобы например при разрешении 1024х768 показывалась только центральная часть этой картинки, слева и справа по 300px не показывалось, так же не показывался бы скроллинг по горизонтали.
При увеличении разрешения картинка фоновая открывалась бы больше, к примеру на 1280px по ширине, фоновая картинка закрыаласбы по сторонам уже приблизительно по 200px, скроллинга бы не было по горизонтали.
ну и при разрешении 1600px по горинтали она бы показывалась полностью. | |
|
|
|
|
|
|
|
для: Saveliy
(15.09.2008 в 15:10)
| |
body {
background-repeat: no-repeat; // если тянуть надумаете )
background-position: center center;
background-image: url('image.jpeg');}
|
| |
|
|
|
|
|
|
|
для: ddhvvn
(15.09.2008 в 15:47)
| | только лучше вместо background-position: center center; использовать все таки background-position: 50% 50%; избежите проблем в ИЕ и Netscape
Полная запись:
body {
background: url('image.jpg') no-repeat 50% 50%;
}
|
Если необходимо можете добавить туда еще и цвет
body {
background: #ccc url('image.jpg') no-repeat 50% 50%;
}
|
| |
|
|
|
|
|
|
|
для: Madman
(15.09.2008 в 15:57)
| | нигде (в том числе и в ИЕ) проблем не было...
Netscape - кто здесь? О_о | |
|
|
|
|
|
|
|
для: Madman
(15.09.2008 в 15:57)
| | Спасибо Вам. Вы мне очень сильно помогли )))) | |
|
|
|
|
|
|
|
для: Madman
(15.09.2008 в 15:57)
| | вот что получилось))
http://foto.style-vip.com/detail.php | |
|
|
|