在我的网站上,当悬停状态处于事件状态时,我为图像设置了 z-index: 1000,这在 firefox 中效果很好,但在 chrome 中却不行。
请检查 gif:放大的图像显示在文本后面,即使文本 z-index 低于 1000。This is wrong这就是我要存档的内容:showing the image on hover above the text
我做错了什么?
最佳答案
您需要将 position: relative;
样式规则添加到您的图像中,以使 z-index: 1000;
有效。
z-index
仅适用于定位元素(position:absolute
、position:relative
或 位置:固定
)。
关于css - Chrome 中的 Z-index 重叠问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54913883/