Javascript Z索引和转换css属性冲突？

在我的页面中，我的公文包部分下有3个占位符图像。我想要的是图像在悬停时变得更宽、更高。然而，我也有一个z索引为1000的固定标题集（出于明显的原因）。问题是，出于某种原因，即使我将容器设置为position:relative，z-index为-1，当我向下滚动时，图像仍会显示在标题上方。以下是我的代码笔片段：

我能做什么？谢谢

添加

位置：相对和
z-index:9999添加到css类
容器标题
将解决这些图像的问题。
大多数时候，当你无法定位某个东西时，试着向上移动到父对象，看看里面有什么。在这里，如果您的
与您的导航菜单
是同级菜单，则如果您只向它们的子元素添加索引，则无法定位它们

看看这个img，它提供了大量关于位置的信息：


我知道在堆栈溢出中有很多答案，但是当我想到这一点时，这个链接帮助了我很多

添加
位置：相对和
z-index:9999添加到css类
容器标题
将解决这些图像的问题。
大多数时候，当你无法定位某个东西时，试着向上移动到父对象，看看里面有什么。在这里，如果您的
与您的导航菜单
是同级菜单，则如果您只向它们的子元素添加索引，则无法定位它们

看看这个img，它提供了大量关于位置的信息：


我知道在堆栈溢出中有很多答案，但是当我想到这一点时，这个链接帮助了我很多

对我来说，它位于导航的后面。对不起，我真的不明白你的问题。你能再给我解释一下吗？为我工作。如果您使用的是Chrome，请尝试Ctrl+Refresh对页面进行硬刷新。这对我来说没关系，只是在向下滚动后标题上有一个奇怪的动画：背景出现，然后所有内容都消失并再次出现。@krij。我想在图像悬停时为其高度和宽度添加一个过渡效果，但当它们被定位时它不起作用。对不起，我真的不明白你的问题。你能再给我解释一下吗？为我工作。如果您使用的是Chrome，请尝试Ctrl+Refresh对页面进行硬刷新。这对我来说没关系，只是在向下滚动后标题上有一个奇怪的动画：背景出现，然后所有内容都消失并再次出现。@krij。我想在图像悬停时为图像的高度和宽度添加过渡效果，但当它们被定位时，过渡效果不起作用。@ChrisHappy oops，我没有保存，请立即尝试。问题是，当z索引小于标题的z索引时，我的悬停效果不起作用。@user340337这是否解决了问题@USER340337看一看我回答的这篇文章，玩转代码示例，可能会帮助你@USER340337这篇文章，代码有两个例子，展示了z-index以及它如何与父/子元素或同级元素=D一起工作。如果这解决了你的问题，请接受答案，谢谢@ChrisHappy oops，我没有保存，请立即尝试。问题是，当z索引小于标题的z索引时，我的悬停效果不起作用。@user340337这是否解决了问题@USER340337看一看我回答的这篇文章，玩转代码示例，可能会帮助你@USER340337这篇文章，代码有两个例子，展示了z-index以及它如何与父/子元素或同级元素=D一起工作。如果这解决了你的问题，请接受答案，谢谢！
 * { font-family: 'Raleway', sans-serif; }* HEADER/HOME ---------------------------------*/

.container-header {
  position: relative;
  z-index: 9999;
  ...

 }