Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Водяной знак

Автор: MoLeX 6.12.2010, 13:14

Добрый день.

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

Код


<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>

Автор: Mavrun 6.12.2010, 13:28

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

Автор: MoLeX 6.12.2010, 13:45

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

Автор: bars80080 6.12.2010, 14:40

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

Автор: FightInGlory 9.12.2010, 10:28

Код


#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>