Javascript 导航菜单赢得';Don’不要呆在屏幕前面

Javascript 导航菜单赢得';Don’不要呆在屏幕前面,javascript,html,css,Javascript,Html,Css,导航菜单的Java脚本: // HTML代码: <div> <div class="pic"> <img class="image" src="logo.jpg"/> </div> </div> 图像是透明的,悬停时放大并移除透明度。导航菜单粘贴在顶部,滚动时移动(使用JavaScript代码)。图像被放置在导航菜单的正下方,当鼠标悬停在图像导航菜单链接上时,链接变得不可点击。有没有办法把菜单改在前面?我试过位置:固定;但它不起

导航菜单的Java脚本:
// HTML代码:

<div> <div class="pic"> <img  class="image" src="logo.jpg"/> </div> </div>  
图像是透明的,悬停时放大并移除透明度。导航菜单粘贴在顶部,滚动时移动(使用JavaScript代码)。图像被放置在导航菜单的正下方,当鼠标悬停在图像导航菜单链接上时,链接变得不可点击。有没有办法把菜单改在前面?我试过位置:固定;但它不起作用


在css中使用
z-index
这里有一些文档,希望它会有所帮助这将始终将导航栏设置在winodow中其他元素的上方,只要其他元素的z-index小于1

.nav{
 z-index: 1;
}

z-index
属性添加到您的
#wrap

#wrap {
  z-index: 1;
  ...
}

更新的

您可以发布
#nav
元素的html和css吗?这可能就是问题所在,它不起作用,而且我没有多个z-indexes@vucko95你能帮我发一篇文章吗?我以前试过z-index,但它不起作用,但不知怎么的,问题是我在HTML中直接使用了JS。当我加载外部JS文件时,它工作了
.nav{
 z-index: 1;
}
#wrap {
  z-index: 1;
  ...
}