HTML:
<div style="position: absolute">
<img src="bild.jpg" style="width: 800px; height: 600px;">
<div style="position: relative; top: 100px; left: 100px; background-color: red; width: 10px; height: 10px;"></div>
</div>Was stimmt an diesem Konstrukt nicht? Ich möchte, dass praktisch auf dem Bild an Position 100;100 ein rotes Quadrat gesetzt wird. Bei mir wird das Quadrat unter das Bild gesetzt.
Hintergrund ist, dass per JavaScript per Klick auf das Bild an genau dieser Position ein solches Quadrat gesetzt wird. Hierzu wird eben ein solcher Div-Container mit den entsprechenden Koordinaten angehängt.
Da das Bild dynamisch eingebunden wird, können verschiedene Größen vorliegen. Die hier angegebenen 800;600px sind nur ein Beispiel. Aus diesem Grund kann ich das Bild nicht als Hintergrund zu dem äußeren Div setzen.
