下拉菜单与图像冲突

Question

我创建了一个简单的CSS下拉菜单，问题是我有一个图片库，当我将鼠标悬停在图像所在区域的菜单上时，图像会获得焦点，而不是菜单。 任何建议如何解决？ Z-Index可能？

Here is the problematic page

Answer 1

#nav ul li {z-index: 9;}

似乎有效。

Answer 2

z-index肯定。

#menu{
  z-index: 2;
}

#gallery{
  z-index: 1;
}

我也注意到你使用了大量的不透明度。当两个半透明元素重叠时，它们的两种颜色都会受到影响。

提示：尝试使用缩略图发布器来处理这些图像，需要一段时间来加载

祝你好运！ -Brian