Html 将容器外部div的位置更改为悬停在容器中div的下方

结构和一切都在这里：

.wrapper{
位置：相对位置；
z指数：0；
}
.地图{
位置：相对位置；
宽度：300px；
高度：300px；
背景颜色：橙色；
z指数：-1；
}
.马克{
位置：绝对位置；
宽度：100px；
高度：100px；
背景色：红色；
z指数：3；
光标：指针；
}
.标记器：悬停{
光标：指针；
}
.说明{
位置：绝对位置；
顶部：75px；
宽度：150px；
高度：150像素；
背景色：黑色；
不透明度：0.5；
z指数：2；
}

从地图上删除z索引应该很好，谢谢回答！它现在可以工作了，但是如果以前是由其他style.css设置的，如何将z-index重置为none呢？我正在导入谷歌地图，它的位置和z索引是用它的样式预先设置的？有什么想法吗？让它成为

z-index:auto