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.:)

Follow