растягивание фона - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » растягивание фона (на весь экран)
растягивание фона

ВоВаН
Проверенные
Сообщений 201
+
+15
-
Ваши награды 2
ВоВаН написал: В ответ пользователя ВоВаН Написано 15 Ноября 2011 в 21:56
Сообщение № 1
Короче тема баааян, но сколько в инете перелазил, перепробовал ВСЕ СКРИПТЫ до 3 страницы гугля. НУЖНО РАСТЯНУТЬ КАРТИНКУ НА ВЕСЬ ЭКРАН БРАУЗЕРА, для того что бы при разных разрешениях экрана, картинка у маленького экрана была сжата до его размера, а у большого растянута на весь экран.

Добавлено (15.11.2011, 21:56)
---------------------------------------------
нашел код но не знаю работает или нет посмотрите у кого экран большой (больше 1240x1024)

«Пред. тема След. тема»

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 06 Апреля 2012 в 22:02
Сообщение № 2
вот смотри короче к картинке фона в CSS приписываешь:
Code
background-size: 100% 100%;

а в CSS полная строчка будет так:
Code
#имя html элемента для фона {background: url(картинка фона) no-repeat top center; background-size: 100% 100%; background-attachment: fixed;}

(тут он еще прокручивается со страницей)
подпись:


Maestro

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 07 Апреля 2012 в 00:11
Сообщение № 3
Покажи на примере, как это будет выглядеть в CSS и в Html.
подпись: S@Nek

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
BlackPh написал: В ответ пользователя BlackPh Написано 07 Апреля 2012 в 03:33
Сообщение № 4
в стили добавь body {background-size: 100% 100%;} помоему так
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 07 Апреля 2012 в 11:42
Сообщение № 5
Ладно сделаю сам пример) для самых маленьких)
Вставляешь в CSS желательно в самый верх:
Code
body {
  background: url(ссылка_на_картинку_фона) no-repeat top center; background-size: 100% 100%; background-attachment: fixed;}
}

Всё) проблема решена, но это будет везде у тебя фон такой ( во всех модулях )
подпись: S@Nek

Kelin
Проверенные
Сообщений 2046
+
+3522
-
Ваши награды 18
Kelin написал: В ответ пользователя Kelin Написано 07 Апреля 2012 в 11:45
Сообщение № 6
S@Nek, если надо на один раздел, то в этом разделе пропиши к <body> id нужный.
Пример:
Code
<body id="files">

Code
#files {
background: url(ссылка_на_картинку_фона) no-repeat top center;
background-size: 100% 100%;
background-attachment: fixed;
}
подпись: Kelin
Форум » Форум веб мастеров » html & css » растягивание фона (на весь экран)
Страница 1 из 11
Поиск:
Топ пользователей: