Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Картинка как фон

Обсуждение темы Картинка как фон в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Друзья, Подскажите, пожалуйста, как с помощью CSS сделать картинку фоном веб-сайта? Благодарю!...


Закрытая тема
 
Опции темы
Старый 19.11.2009, 23:22   #1
Друзья,

Подскажите, пожалуйста, как с помощью CSS сделать картинку фоном веб-сайта?

Благодарю!
 
Старый 19.11.2009, 23:22
Ссылки
Старый 19.11.2009, 23:32   #2
body {
background-image:url(../img/der.jpg);
}

либо
#imgbg {
position: absolut; 'можно fixed - разницы мало
top: 0px;
left: 0px;
width: 100%; '- это чтобы было на весь экран и фиксированной ширины. Но лучше не писать это
}
, где imgbg - id требуемой картинки. Причем, эта картинка должна быть первой в коде.

Чтобы повторялось -
див с присвоенном бакграундимаге
 
Старый 19.11.2009, 23:36   #3
блин, ты был первый

Последний раз редактировалось sokol666; 19.11.2009 в 23:38.. Причина: опоздал
 
Старый 19.11.2009, 23:38   #4
iDeViL, а зачем position, top, left?
 
Старый 19.11.2009, 23:44   #5
Цитата:
Сообщение от iDeViL Посмотреть сообщение
либо
#imgbg {
position: absolut; 'можно fixed - разницы мало
top: 0px;
left: 0px;
width: 100%; '- это чтобы было на весь экран и фиксированной ширины. Но лучше не писать это
}
, где imgbg - id требуемой картинки. Причем, эта картинка должна быть первой в коде.

Чтобы повторялось -
див с присвоенном бакграундимаге
что-то ерунда какаято.
Код:
background-repeat:no-repeat картинка фона не повторяется
background-repeat:repeat-x фон повторяется по оси х
background-repeat:repeat-у по оси у
background-position:right фон справа
background-position:left фон слева
background-position:center фон по центру
background-position:top фон сверху
background-position:bottom фон снизу
 
Старый 19.11.2009, 23:52   #6
Цитата:
Сообщение от iDeViL Посмотреть сообщение
body {
background-image:url(../img/der.jpg);
}
Этого достаточно..
 
Старый 19.11.2009, 23:54   #7
Можно даже без "-image" просто "background:", а дальше через пробел все его свойства.
 
Старый 20.11.2009, 00:01   #8
не, вы конкретнее спрашивайте.
Тут порой декоративные вопросы (как сделать из фона ссылку), так что я предусмотрел несколько вариантов. Вот с боди - самый простой, но он на столько банальный, что я не понимаю вообще смысла с вопроса, если вы хотели этого добиться. Почитайте книжку. Если именно картинку как img, а не как атрибут тега body - то как я привел.
Nimans если бы вы внимательнее почитали, то поняли, что я использовал их при форматировании картинки. Без них вы не расположите её как фон.
 
Старый 20.11.2009, 00:44   #9
Возник попутный вопрос - а какого размера (или веса) картинку для фона можно считать оптимальной.
У каждого наверно свой предпочтения, вот и интересны ваши мнения из практики.
 
Старый 20.11.2009, 00:46   #10
Смотря какая, если полоска для растягивания по осям то одно, если иллюстрация то другое.
 
Старый 20.11.2009, 00:46
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Картинка Deli Конкурсы 14 18.02.2010 00:34
Фоновая картинка для <tr> Nark HTML, CSS, JavaScript 4 24.01.2007 12:50
картинка на картинке Desolator HTML, CSS, JavaScript 2 28.01.2006 21:09
Выпадающая картинка Silent Rain ASP, Perl, PHP и MySQL 3 29.12.2005 23:46
Картинка Bleach Растровая графика 14 24.08.2005 17:28


Текущее время: 14:56. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум