Question

So I tried out if I can append using jquery a image to an image and it works, but the image seems to be gone or visibility is hidden and display none or so it seems.

So my question is can this be done and can I use this image. Its for a project I am working on.

<img src="img/map.png" style="width: 600px; height: 400px; z-index: -100;">

    <img src="img/dot.png" style="position: relative; width: 20px; 
         height:34px; top: 200px; left: 200px; z-index: 100; 
        display: block; visibility: visible;">

</img>

thats what my code looks like after I use the append. and if you look at it in firebug you see that the child img looks like it is not displayed so I tried changing the visibility but still not luck.

so my question is can this be done or am I after the unattainable.

Answer 1

According to the specification the <img> element cannot have content:

The IMG element has no content; it is
usually replaced inline by the image
designated by the src attribute, the
exception being for left or
right-aligned images that are
“floated” out of line.

So trying to nest <img> tags would result into undefined behavior.