html - 固定位置上的 z-index 在 chrome 中不起作用

标签 html css

我需要有关 z-index 在某些层上不起作用的帮助和建议,因为它在所有其他浏览器中都起作用。这是一个演示,因此您也可以看到。

demo here

在我的示例中,菜单位于顶部,菜单蓝色背景位于幻灯片图像下方。当用户滚动到幻灯片图像的末尾时,会出现蓝色背景。

还有一件事,它在 ie7 中也不起作用。

任何帮助和建议将不胜感激。谢谢!

最佳答案

将 .slide-img 上的 z-index:0 更改为 z-index:-1 :P

关于html - 固定位置上的 z-index 在 chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17492369/

相关文章:

html - CSS 溢出替代方案 :hidden

javascript - 你能根据最小宽度将网站缩放 +200% 吗?

css - 为什么 css 在 Firefox 和 Chrome 中按预期工作时在 IE 中不起作用?

javascript - jquery 向下动画(100% 元素高度)

html - 反向拉动-* - Bootstrap 4

css - 水平滚动中断 overflow-x :hidden in safari and firefox

php - 使用 PHP 将多行插入 mysql 数据库

android - 日历不可编辑的事件和更改日期的导航

html - 带有两个子 div 的 div 会导致不需要的垂直滚动条

css - Safari CSS 文本不显示