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

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

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

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

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

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

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

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