VPF::Помогите с background - Форум программистов

ilya9339

Дата 19.2.2012, 11:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.2.2012

Репутация: нет
Всего: нет

Есть картинка с градиентом для основной части фона, а так же есть второе изображение с нижней частью градиента. Как сделать так, что бы градиент был только repeat-x, а все что ниже его, когда страница больше высоты изображения, заполнялось второй картинкой?

$дмитрий

Дата 19.2.2012, 21:47 (ссылка)

(голосов:1)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Вложенным дивом

ilya9339

Дата 20.2.2012, 02:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.2.2012

Репутация: нет
Всего: нет

Написал:

Код


<div class="bg1">
<div class="bg2">
</div>
</div>

и css

Код


div.bg2 {
  z-index: 2;
  width: 100%;
  height: 760px;
  background-image: url(background.jpg);
  background-repeat:  repeat-x;
  border: none;

}
div.bg1 {
  z-index: 1;
  background-image: url(background3.jpg);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  border: none;
}

Но, возник вопрос как убрать рамку вокруг Div (видимо все таки вокруг них), по скольку она портит все впечатление, большая белая рамка 5-6 px; border: none; пробовал не помогает

Добавлено через 5 минут и 46 секунд
Проблему решил явно указав положение.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »