Как на тэг img добавить элементы?

Question

[Robert AW]

Нужно на карточку товара, где идет изображение, добавить элементы как на картинке, только на тэг img

Answer 1

[Rou1997]

Просто так внутрь <img> их никто не "кладет", а создают<div> с position: relative, в него <img> и еще один <div> с position: absolute;, и в последний добавляют, что надо.
Если сами не можете или получается не совсем то, тогда посмотрите код элемента и CSS на том сайте, где вы видите именно то, и скопируйте принцип.

Answer 2

[Ankhena]

Делаете конструкцию
https://jsfiddle.net/pszroq58/

Answer 3

[alvvi]

Обернуть img и эти самые элементы в обертку.
Задать ей
position: relative
а элементам
position: absolute
и позиционировать их как вашей душе угодно.

Answer 4

[Лучник *range attack +10*]

А лучше img ни во что не оборачивать и вместо него сделать div с background-image и с position: relative. В него уже можно положить что угодно и позиционировать.

Comments

[Robert AW]

Мне именно необходимо, чтобы картинку задавал тег img