html - 超链接/CSS 问题

Question

我的页面上有最奇怪的 react 。我的超链接充当纯文本。不作为链接。我就是无法点击链接。事情是这样的，如果我在页面中隐藏一些 div，链接现在就可以工作了。

这是我从阅读我的页面源代码中得到的。

HTML

<div id="prodMenu">
  <div id="Menu"><a href="product.php">All</a></div>
  <div id="Menu"><a href="product.php?cat=Snake Whips">Snake Whips</a></div>
  <div id="Menu"><a href="product.php?cat=Floggers">Floggers</a></div>
  <div id="Menu"><a href="product.php?cat=Hand Floggers">Hand Floggers</a></div>
</div>  

这是与我的菜单部分相关的 css

CSS

#prodMenu{
    position:absolute;
    width: 1000px;
    left: 50%;
    top:0px;
    margin-left: -500px;
}
#prodMenu > #Menu{
    display:block;
    float:left;
    margin: 5px;
    padding: 0 5px;
    font:10px;
}
#prodMenu > #Menu a{
    text-decoration:none;
    color:#838F97;
}
#prodMenu > #Menu a:hover{
    text-decoration:none;
    color:#C0E73D;
}

有什么办法解决这个问题吗？

Answer 1

if I hide some of the divs in the page the links are now working

你有一个 z-index问题尝试设置这个:

#prodMEnu {
   z-index:1000
}

---

如注释中所述，不要在多个元素上使用相同的 ID，ID 必须是唯一的。请改用类名。