1b.app
Скопирована ссылка -

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

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

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

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

Ответы:

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

<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


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


Спасибо, получилось!
Немного нужно с px поиграться, но работает.
22.12.2021, 13:19

Чтобы ответить на вопрос - пожалуйста войдите или зарегистрируйтесь