Html 我的跨度在后面浮动-我需要它在顶部

我已经从很多角度尝试过了，但还是没办法解决

请看我的地图：

我需要国家的名字出现在所有其他的名字之上。z-index没有帮助，即使我的跨度是position:absolute

任何能达到这一点的建议都将不胜感激

另外，如果有人对如何更好地绘制这张地图有什么建议，我很乐意听听。问题是，我想要悬停时的淡入淡出效果。但我的图片是重叠的，因此正如你在巴西看到的，悬停与位于巴西“顶端”的附近国家（图片）有点冲突。地图/区域不好，因为它不允许区域：悬停

---

谢谢

我在这里看不到完整的地图。你也提到过。那么，也没有找到其他跨度！ 这张地图有点酷。但是如果你想让图像覆盖在图像上。您可以使用相对位置！

---

你试过了吗？您有一个绝对值，但绝对值也适用于div或其相对容器。如果没有容器具有相对位置，则主体标签被视为一个。所以试着给这张图片一个相对的位置。然后添加z索引和绝对位置

解决方案是将不透明度应用于

img

而不是整个

li

因为

opacity

和

z-index

以某种方式连接在一起

另外，既然你问过是否有人对如何改进这张地图有什么建议，那么

您的代码非常混乱，而且出于某种原因，您还使用了列表之外的

li

s，所以我也对HTML做了一些更改

这是小提琴：

---

希望有帮助：）

试试

位置：相对的
或
位置：绝对的

也给z-index一次机会，
z-index:50
你能发布你的代码吗？酷看地图顺便说一句。谢谢！这很有帮助。你确实把代码清理了很多！当然，现在你解释清楚了，这是有道理的！
span
位于
li
内部，因此它逐渐褪色。不过我很感兴趣——如果你对如何解决重叠图像与附近图像的“可点击性”冲突的问题有任何想法的话。特别是巴西-如果将鼠标移到巴西的左侧，您会看到
悬停
不起作用。我认为它现在已经足够好了，但我真希望我能找到一个解决地图上这个恼人的方面的方法。