图库插件背后的下拉菜单

Question

该网站为http://columbiamillworks.com/photo-gallery/arches/ 如果您将鼠标悬停在主导航栏中的“照片库”上，则下拉列表位于galleary插件后面，您无法单击gallery-wrap下方的任何链接。我尝试过使用z-index无济于事。

知道为什么这些链接无法点击？

Answer 1

从z-index删除#main-nav。

导致z-index为100，而其子女的z-index超过100。

删除它可以解决您的问题。

Answer 2

Thar的原因是画廊包装器在DOM树中比菜单更深。

因此，您需要将z-index应用于菜单和库的父容器，这些容器位于同一DOM级别。

在你的情况下：

#headerwrap {
  position: relative;
  z-index: 2;
}

#body {
  position: relative;
  z-index: 1; // so the gallery container is actually lower on z axis then the header
}