Реклама


[Мануал] Динамическая верстка фона

Добавил Sacret, в категорию: Инструкции (8-12-2011, 21:23)
[Мануал] Динамическая верстка фона


Описание:Мануал для Верстальщиков новичков.
В этом мануале я заставлю вас запомнить Одно чудное свойство Бекграунда.
Оно появилось совсем не давно. Но крупные фирмы уже вовсю им пользуются.
Сам пользуюсь этим свойством.
И так нам нужно сделать чтобы картинка 1600x1200 которая стоит на background Растагивалась под все маниторы.
Например под 1024 на 768, или 1920х1200. ну не суть, под любые. Можно даже на телефоне посматреть будет ))
Ведь раньше для этого нужен был большой java script который определял бы разрешение манитора и тратил трафик пользователей.
Но с приходом html5 в нашу жизнь, все изменилось =)
эту функцию поддерживает даже ie 8-9. и не каких js, и качество картинки не падает.)

Пример страницы с Резиновым Фоном.
BODY
{
    background:black url('../images/background.jpg') no-repeat;
    background-size: cover;
/*
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
*/
}

именно
background-size: cover;

Дало нам счастье.

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт lasteam.ru под своим именем что бы подробно просмотреть "[Мануал] Динамическая верстка фона".

Другие новости по теме:

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Я тебя не знаю!
Зарегистрируйся, либо войди под своим логином!

Логин:
Пароль:
Войти

Если ты забыл пароль, пройди через форму возврата пароля!

Посетители

Сейчас на сайте: 7
Гостей: 4
Пользователи: 
- отсутствуют
Роботы: 
Google
Yandex


 Последние посетители: 
- отсутствуют
© emudev.info Наверх

Проверка тиц