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

时间:2013-08-16 22:15:12

标签: html css hover z-index

我从很多角度尝试过,但无法弄明白。

在此处查看我的地图:http://defendiendovidas.org/test.html

我需要将国家/地区名称显示在其他所有内容之上。 z-index没有帮助,即使我的span是position:absolute。

任何有关实现这一目标的指示都将非常感激!

P.S。如果有人建议如何更好地建立这个地图,我会很想听到。事实是,我想要淡入淡出效果。但是我的图像是重叠的,因此你可以在巴西看到,悬停与位于巴西“顶部”的附近国家(图像)有些冲突。地图/区域不好,因为它不允许区域:悬停...

谢谢!

3 个答案:

答案 0 :(得分:0)

我无法在这里看到完整的地图。你也提到过。那么也没有找到其他跨度! 地图有点酷。但如果你想让图像越过图像。你可以使用相对位置! 你试过吗?你有一个绝对的,但绝对的作品在div或容器上它也是相对的。如果没有相对位置的容器,则认为主体标签是那个。因此,尝试给这个图像一个相对位置。然后添加z-index和绝对位置!

答案 1 :(得分:0)

解决方案是将不透明度应用于img而不是整个li

因为opacityz-index以某种方式连接。

另外,既然你已经问过是否有人建议如何更好地制作这张地图,那么......

您的代码非常混乱,并且出于某种原因您还在列表之外使用li,所以我也改变了很多HTML。

这是小提琴:Link

希望有所帮助:)

答案 2 :(得分:-1)

尝试Position:relativePosition:absolute 给z-index一个镜头,z-index:50