HTML Text auf Bild schreiben

Question

Liebes Support Team,

ich würde gerne Text auf ein Bild schreiben. Die Textinhalte sollen über Platzhalter dynamisch angepasst werden, weshalb ich den Text nicht einfach in einer Bildbearbeitungssoftware auf das Bild schreiben kann.

Ich habe schon viel nach HTML Lösungen dafür gesucht, aber nichts gefunden, was funktioniert (background-image: img src="..." alt = "..." scheint nicht zu funktionieren, weder für div oder table).

Können Sie mir helfen?

Answer 1

Das sollte so schwer nicht sein. Versuchen Sie bitte einmal so etwas:

<div style="position: relative">
  <img src="bild.jpg">
  <div style="position: absolute; left: 20px; top: 20px; font-size: 12px; font-weight: bold;">
    Text
  </div>
</div>

Comments

Bestens, das funktioniert! Vielen Dank!