Today, I helped Abhinav Handa’s to solving his problem. Actually, he wants to create a dropdown list in a header of OSM map but OSM overlapped drop-down list. When I searched it on the internet and heard new property in the CSS i.e.
z-index. After using
z-index then I came to know that every page rendering on the browser has at-least one layer like we use simple
div tags in an HTML page then all
div is under one layer.
Div tag(assume as a layer) which has greater
z-index value can overwrite all other div’s.
Everywhere fundamentals are same, we just trying to understand by taking some real world example.:)