Javascript 悬停时的Z索引

对于一个网站，我正在建设我有一个浅灰色h1下的图像。当我将鼠标悬停在图像上时，文本应该变成黑色，z索引应该改变，使其位于图像上方

颜色变化正常，z指数不正常。我的h1添加了position:relative，所以这不是问题所在

$（'#photo'）.mouseover（函数（）{
$（'#title'）.css.zIndex=“100”
$（“#title”）.css（“颜色”，“#000000”）
});
#照片{
z指数：0；
位置：相对位置；
}
#照片：悬停{
z指数：4；
位置：相对位置；
}
.头衔{
位置：相对位置；
}
#头衔{
位置：相对位置；
}

标题
$（'#title'）.css.zIndex=“100”
是不正确的，但是
$（'#title'）.css（“z-index”，“0”）
你说你尝试过的是正确的-只是，你在那里用了
0
而不是
100
。因为照片和标题都有
z-index:0
，并且照片在标题之后，所以照片获胜

如果您使用
$（'#title'）.css（“z-index”，“100”）
，它可以工作（但请继续阅读）：


$（'#photo'）.mouseover（函数（）{
$（'#title'）.css（“z-index”，“100”）；
$（“#title”）.css（“颜色”，“#000000”）
});
#照片{
z指数：0；
位置：相对位置；
顶部：-4em；
}
#照片：悬停{
z指数：4；
位置：相对位置；
}
.头衔{
位置：相对位置；
颜色：灰色；
}
#头衔{
位置：相对位置；
}

标题
我已经将您的代码块转换成了一个堆栈片段（《代码》[]
工具栏按钮），但它没有复制颜色通道。请您进行编辑，以便这是一个演示问题的示例？
$（'#title'）.css.zIndex=“100”
不正确，但您所说的
$（'#title'）.css（“z-index”，“0”）
是正确的。（用于指定0；可能0不够高？）此外，图像下的标题在哪里
我有一个图像，下面有一个浅灰色的h1。
@gurvinder372:我假设示例中的
h1
应该在图像下面，但是OP没有包含CSS来实现这一点。（“还没有”，希望如此。）是的，“0”是一个输入错误（我还包括了一个mouseOut函数，所以当你将鼠标悬停在图像外时，文本会再次变为浅灰色，并且不小心复制了那一行而不是mouseOver），对不起，伙计们。我只是一模一样地重新键入了整个内容，突然它开始工作了。谢谢你们！我很好！