我已经从很多角度尝试过，但无法弄清楚。
在这里查看我的地图：http: //defendiendovidas.org/test.html
我需要国家名称出现在其他所有内容之上。z-index 没有帮助，即使我的跨度是位置：绝对。
任何实现这一目标的指针将不胜感激！
PS如果有人对如何更好地构建这张地图有建议，我很想听听。问题是，我想要悬停时的淡入淡出效果。但是我的图像是重叠的，因此正如您在巴西看到的那样，悬停与位于巴西“顶部”的附近国家（图像）有点冲突。地图/区域不好，因为它不允许区域：悬停...
谢谢！
我在这里看不到完整的地图。你也提到过。那么也没有找到其他跨度！地图有点酷。但是，如果您希望图像覆盖图像。您可以使用相对位置！你试过吗？你有一个绝对的，但绝对的作品也适用于它的相对的 div 或容器。如果没有容器具有相对位置，则认为主体标签是那个。所以试着给这个图像一个相对位置。然后加上z-index和绝对位置！
解决方案是将不透明度应用于img而不是整个li,
因为opacity和z-index以某种方式连接。
另外，既然你问过是否有人建议如何让这张地图变得更好，那么……
你的代码真的很乱，而且出于某种原因你还在li列表之外使用了 s，所以我也对 HTML 做了很多修改。
这是小提琴：链接
希望能帮助到你 ：）
尝试Position:relative或尝试一下Position:absolute
z-index，z-index:50