Как вставить переменную в документе поверх картинки?

Question

Коллеги, когда знает, как сделать шаблон документа таким образом, чтобы в нем была статическая картинка, и в внутри её или поверх её вставить переменные?

Сейчас в документе когда я вставляю картинка, на верх её я не могу вставить переменные или другую информацию((

Вот пример шаблона https://our-store.com.ua/admin/shop/document/templates/72/control/

Answer 1

Derkach Dmytro

OneBox production

Здравствуйте. Попробуйте сделать такую конструкцию:

<div class="image-holder" style="position: relative">
<img src="путь к картинке" alt="">
<span style="position: absolute; left: 100px; top: 50px;">{переменная 1}</span>
<span style="position: absolute; left: 100px; top: 50px;">{переменная 2}</span>
<span style="position: absolute; left: 100px; top: 50px;">{переменная 3}</span>
<span style="position: absolute; left: 100px; top: 50px;">{переменная 4}</span>
</div>

Оборачивайте картинку в блок, которые иммеет position: relative, далее нужные переменный оборачивайте в span c position absolute, и задаете координаты left: 100px и top: 50px;
отсчет будет идти от левого верхнего угла <div class="image-holder" style="position: relative"> - таким образом Вы сможет поместить переменные поверх картинки

Сделать оплату (донат)

20.12.2021, 16:56