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

Как добавить два background'a

Обсуждение темы Как добавить два background'a в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; в css в body background: url(img/bg.jpg) 0 100% repeat-x #f5f5f5; Так отображается внизу как и надо. А как добавить еще один вверху другой. ...


Закрытая тема
 
Опции темы
Старый 22.04.2010, 15:30   #1
в css в body
background: url(img/bg.jpg) 0 100% repeat-x #f5f5f5;
Так отображается внизу как и надо.
А как добавить еще один вверху другой.
пробовал прописать в html теге
background: url(img/bg2.jpg) 100% 0 repeat-x #f5f5f5; не проходит...

Как сделать правильно?
 
Старый 22.04.2010, 15:30
Ссылки
Старый 22.04.2010, 15:34   #2
Код HTML:
<div class="top">
    <div class="bottom">
    	content
    </div>
</div>
top задаете верхний фон
Код HTML:
.top {background: url(img/bg.jpg) 0 top repeat-x #f5f5f5;}
bottom задаете нижний фон
Код HTML:
.bottom {background: url(img/bg.jpg) 0 bottom repeat-x #f5f5f5;}
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Maksim-C (22.04.2010)
Старый 22.04.2010, 15:42   #3
А можно это решить другим путем? Так как я использую смешанную верстку (table vs div). Получается нужно все содержимое которое в index файле междй тегами body заключить в код представленный выше на место content ??? и потом прописать в css
Код HTML:
.top задаете верхний фон
.top {background: url(img/bg.jpg) 0 top repeat-x #f5f5f5;}
.bottom задаете нижний фон
.bottom {background: url(img/bg.jpg) 0 bottom repeat-x #f5f5f5;}
?
А не пострадает от этого у меня верстка?
 
Старый 22.04.2010, 15:57   #4
Цитата:
Получается нужно все содержимое которое в index файле междй тегами body заключить в код представленный выше на место content ???
Да. Суть в том что есть главный контейнер с фоном вверху, внутри него контейнер с фоном внизу, а внутри всего этого контент.
Цитата:
А не пострадает от этого у меня верстка?
Не должна.
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Maksim-C (22.04.2010)
Старый 22.04.2010, 16:19   #5
Верстка не пострадала, вот только отображается нижний background а верхний почему-то не отображается...
 
Старый 22.04.2010, 16:21   #6
Сорри. Копировал ваш код не глядя. Для body задайте фон #f5f5f5, а в стилях уберите.
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Maksim-C (22.04.2010)
Старый 22.04.2010, 16:25   #7
Ага , все заработало !!!
 
Старый 22.04.2010, 16:25
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Canvas background - как добавить к фону картинку? Peter Soloviev HTML, CSS, JavaScript 0 06.09.2013 14:55
Свойство background vadim_32 HTML, CSS, JavaScript 0 19.03.2012 22:48
Подскажите с background Серый* HTML, CSS, JavaScript 1 14.06.2010 16:51
сокращенный background в IE8 Levhik HTML, CSS, JavaScript 13 03.03.2010 01:20
background и img в таблице BleSSeD HTML, CSS, JavaScript 3 19.05.2008 16:41


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

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум