css - 我有一个无法与之交互的 div

Question

网站在这里：

http://www.ourcourse.ca/Pages/Drama/dramaresources.php

我刚刚意识到我无法突出显示文本或单击中心 div 中的链接。我在某处读到重叠 div 可能会导致问题......所以我尝试将 z-index 更改为大于重叠的顶部导航栏，但这没有帮助。

有什么想法吗？

Answer 1

您z-index对<div>with给予否定id="Centre"，这导致了您的问题。

在mainstyle.css 中：

#Main #Centre {
  ...
  z-index: -1;
}

删除它，它可以完美地工作。

Answer 2

删除 z 索引。它导致包含可点击链接的 div 位于其包装器后面。