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

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

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

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

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
вот смотри короче к картинке фона в 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
Покажи на примере, как это будет выглядеть в CSS и в Html.
подпись: S@Nek

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

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

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

Kelin
Проверенные
Сообщений 2049
+
+3543
-
Ваши награды 18
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 из 1
  • 1
Поиск:
Друзья сайта:
Связаться с администратором для дружбы! В Вовчик
Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94
Web-мастер системы uCoz R Roman_Domnin
Связаться с администратором для дружбы! В Вовчик
Связаться с администратором для дружбы! В Вовчик
Топ пользователей: