VPF::Вставка 2 background-image в BODY - Форум программистов

Гениальный123Робот

Дата 15.12.2010, 16:30 (ссылка)

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

Загрузка ...

Опытный

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

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

Всем привет!

Такой вопрос. У меня в Теге body уже вставлена картинка (снежинки). А мне нужно поверх этих снежинок вставить еще и картинку Деда Мороза.
Как это сделать?
Крайне желательно на примере кода, потому что я только начинаю изучать HTML, и фоном снежинки легко вставил сам.

Код


body {
    
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #323D4F;
    background-color: #FFFFFF;
    background-image: url('./images/snow.png');
    font-size: 62.5%;
    margin: 0;
}

Заранее большое спасибо.

bars80080

Дата 15.12.2010, 20:08 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

а сверху клади либо тэг <img /> с картинкой, либо слой <div></div> со вторым фоном (указывается точно также, как и в body у тебя)

Гениальный123Робот

Дата 15.12.2010, 22:40 (ссылка)

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

Загрузка ...

Опытный

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

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

Прошу прощения, сверху - это в том же файле CSS? Если да, то не в теле тега BODY или в теле?

bars80080

Дата 16.12.2010, 00:14 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

Цитата(Гениальный123Робот @ 15.12.2010, 21:40

)

Прошу прощения, сверху - это в том же файле CSS? Если да, то не в теле тега BODY или в теле?

в том же файле

Код


body {
    
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #323D4F;
    background-color: #FFFFFF;
    background-image: url('./images/snow.png');
    font-size: 62.5%;
    margin: 0;
}

#upperfon {
    width: 600px;
    height: 400px;
    background-image: url('./images/father-frost.jpg');
}

Код


....
<body>
<div id="upperfon">
</div>
</body>

Гениальный123Робот

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

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

Загрузка ...

Опытный

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

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

Во, Гранд Мэрси! Теперь все понятно! smile

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