Is it possible to place a marker image over a relative image,
without changing the position of the marker image?
If the size of the relative image changes, the position of the marker
image on the underlying image should remain the same.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.img {
position: relative;
width: 50%;
height: auto;
}
.marker {
position: absolute;
top: 200px;
left: 200px;
}
</style>
</head>
<body>
<img class="img" src="01.png"/>
<img class="marker" src="02.png" style="width:50px"/>
</body>
</html>
0