Водяний знак на фото html/css

Суть завдання полягає в тому, щоб встановити водяний знак на фото засобами html/css.

Наприклад напис “Продано” на картинці певного товару.

Для цього достатньо вставити в один елемент <div> два зображення:

– зображення фону –  foto.jpg:
photo_8180178-450x298

– і зображення водяного знаку в форматі .png  – watermark.png:

prodan (1)

І  отримаємо такий результат:

 

html код:<div  style=”position:relative”><img  src=”foto.jpg” width=”218″ height=”117″><img src=”watermark.png” alt=”” border=”0″ style=”position: absolute; top: 0px; left: 10px” /> </div>

 

Comments

comments

Ви можете залишити коментар

Залишити коментар


4 − два =