【问题标题】:I have a div that I can't interact with我有一个无法与之交互的 div
【发布时间】:2013-09-17 01:39:27
【问题描述】:

网站在这里:

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

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

有什么想法吗?

【问题讨论】:

  • 这里可以把ids的值加上双引号吗

    戏剧资源

  • 谢谢。我会记住这一点的。

标签: css html non-interactive


【解决方案1】:

您正在给带有id="Centre"<div> 提供否定的z-index,这导致了您的问题。

mainstyle.css

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

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

【讨论】:

  • 谢谢.. 这解释了为什么我无法与之交互。现在它似乎工作了。尽管更改 z-index 会使顶部导航栏隐藏在中心 div 下方。是否可以将导航栏放在顶部,但仍与 content_div 交互?
  • @SamanthaOdber 它在 Chome 对我有用。我不确定是什么问题。
  • 她可能在 IE 中,您可以在导航栏上添加一个正的 z-index 以确保它位于中心 div 上方。
  • 不,我在 Chrome 中工作。但我遇到了和科林一样的答案,正 z-index 工作得很好。我的中心 div 上不能有负 z-index,否则它不会交互。而且,我也不知道 div 必须是 z-index 的位置才能影响它们。谢谢大家的帮助。
【解决方案2】:

移除 z-index。它导致包含可点击链接的 div 位于其包装器后面。

【讨论】:

  • 谢谢,我会试试看的建议。
猜你喜欢
相关资源
最近更新 更多
热门标签