Фон для html сайта

Щ
На сайте с 04.07.2012
Offline
35
576

Нужно сделать фон для html страницы. Картинка 1920х1080, нужно чтобы она подстраивалась под большинство мониторов. Как можно осуществить?

p.s На full hd разрешении всё норм. если уменьшать - часть картинки будет пропадать.

DiAksID
На сайте с 02.08.2008
Offline
236
#1

с бэкграундом не получится, придётся явно вставлять картинку-фон в блок, сама картинка: max-width:100%; height:auto; отскалируется по ширине блока с сохранением пропорций (вне зависимости от атрибутов), лучше абсолютно позиционировать и выставить подходящий z-index, что бы не перекрывала контент (т.к. её стоит засовывать в самом конце и с interlaced что б поменьше тормозила).

show must go on !!!...
MacDack
На сайте с 23.07.2012
Offline
55
#2
<body>(после этого тега)
<img class="fon" src="ссылка на изображение" alt="">

Задаете ему стиль:

img.fon {
position: absolute;
left: 0px;
right: 0px;
width: 100%;
z-index: -1;
}

Архив с более подробным примером отправил в лс.

CMS DLE (/ru/users/992868) icq:6три4девять924семь7
Щ
На сайте с 04.07.2012
Offline
35
#3

MacDack

Спасибо, фон на сайт установил из примера - теперь работает при любом разрешении и картинка не вылезает за рамки.

Щ
На сайте с 04.07.2012
Offline
35
#4

Появилась новая задача, нужно сделать подстветку рамки картинки при наведении. Как можно осуществить?

MacDack
На сайте с 23.07.2012
Offline
55
#5

Типа такого но без увеличения? (например)

Щ
На сайте с 04.07.2012
Offline
35
#6
MacDack:
Типа такого но без увеличения? (например)

Да, именно так, можно и с увеличением.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий