VPF::Водяной знак - Форум программистов

MoLeX

Дата 6.12.2010, 13:14 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

Добрый день.

Не могу вставить водяной знак на картинку

Код


<style type="text/css">
a#gallery img {
   background:url("../img/znak.png") no-repeat;
}
</style>

<a id="gallery" href="/userfiles/images/1287651057.jpg">
   <img src="/userfiles/images/1287650868.jpg">
</a>

--------------------

Amazing

Mavrun

Дата 6.12.2010, 13:28 (ссылка)

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

Загрузка ...

Бывалый

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

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

Потому что водяной знак должен быть выше картинке, а не ниже в бэкграунде. Тегу имг надо в бэкграунд картинку пихать, а в src ссылку на водяной знак

MoLeX

Дата 6.12.2010, 13:45 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

а как тогда в такой реализации вы вертеться?

--------------------

Amazing

bars80080

Дата 6.12.2010, 14:40 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

уже сказали как, либо поверху картинки класть вторую со знаком на абсолютно позиционируемом слое

FightInGlory

Дата 9.12.2010, 10:28 (ссылка)

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

Загрузка ...

Шустрый

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

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

Код


#gallery{
    position:relative;
}
#gallery span {
   background:url("../img/znak.png") no-repeat;
   display:block;
   position:absolute;
   bottom:0; left:0; /*двигаете знак куда хотите*/
   width:20px; height:20px; /*Ставите ваши размеры*/
}

<a id="gallery" href="/userfiles/images/1287651057.jpg">
   <img src="/userfiles/images/1287650868.jpg">
   <span></span>
</a>

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