How to do picture overlay in HTML (something like marker on top of google map)?
Question
Anyone know how to do picture overlay or appear on top of each other in HTML? The effect will be something like the marker/icon appear on Google Map where the user can specify the coordinate of the second picture appear on the first picture.
Thanks.
Solution
You can use <div>
containers to seperate content into multiple layers. Therefore the div containers have to be positioned absolutely and marked with a z-index. for instance:
<div style="position: absolute; z-index:100">This is in background</div>
<div style="position: absolute; z-index:5000">This is in foreground</div>
Of course the content also can contains images, etc.
OTHER TIPS
Use a DIV tag and CSS absolute positioning, with the z-index property.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow