Chrome中的Z索引重叠问题

Question

在我的网站上，当悬停状态处于活动状态时，我已为图像设置了z-index：1000，这在Firefox中效果很好，但在chrome中效果不佳。

请检查gif：即使文本z-index低于1000，放大的图像也会显示在文本后面。This is wrong，这就是我要存档的内容：showing the image on hover above the text < / p>

我的网站是https://pixelbeast.hu

我做错了什么？

Answer 1

您需要向图像添加position: relative;样式规则，以使z-index: 1000;有效。

z-index仅适用于定位的元素（position:absolute，position:relative或position:fixed）。