Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html cssz索引异常_Html_Css - Fatal编程技术网

Html cssz索引异常

Html cssz索引异常,html,css,Html,Css,我的z索引出现了一个奇怪的异常。我有一个图像,我将其定位为相对,z索引为1,它位于我的导航上方,绝对定位,z索引为-1 问题是,在页面加载时,图像位于导航的后面,直到您向下滚动并再次向上滚动,然后图像会自行更正,并按其应该的方式位于导航的上方 有什么想法可能导致这种情况吗?只需在您想要的项目上设置z索引,使其位于所有其他项目之上。每个元素都有一个默认的z索引,所以您不需要在导航菜单上设置它。只需将图像上的z索引设置为类似9999999的值即可位于顶部: z-index: 999999; 你可以

我的z索引出现了一个奇怪的异常。我有一个图像,我将其定位为相对,z索引为1,它位于我的导航上方,绝对定位,z索引为-1

问题是,在页面加载时,图像位于导航的后面,直到您向下滚动并再次向上滚动,然后图像会自行更正,并按其应该的方式位于导航的上方


有什么想法可能导致这种情况吗?

只需在您想要的项目上设置z索引,使其位于所有其他项目之上。每个元素都有一个默认的z索引,所以您不需要在导航菜单上设置它。只需将图像上的z索引设置为类似9999999的值即可位于顶部:

z-index: 999999;
你可以使用10的z指数。我认为您的问题可能是将z指数设置为负值。我认为其他元素的z-index默认为0?因此,将其置于-1可能会使其位于另一个元素后面,并导致一个奇怪的结果


编辑:刚刚注意到你说你的导航菜单是绝对的。所以你必须有一个z索引。将其更改为10,而不是-1。然后,对于您的图像,将其更改为20。。或者100。。任何更高的。

请发布您的代码。z索引越大,元素越高!