在单击另一个 div 时使 div 出现 [关闭]答案

【问题标题】：Making a div appear on click of another div [closed]在单击另一个 div 时使 div 出现 [关闭]
【发布时间】：2014-07-25 00:04:56
【问题描述】：

我想让一个 div 在点击另一个 div 时出现。本质上，我有一张完整的地图，我将其分为 4 个部分。当用户单击一个部分时，它将只显示该部分。每个部分都包含其他图像和链接，基本上是其他 div。

我知道 CSS 的 { display:none } 属性，但我想知道这是否只是使它不可见（链接仍然可以点击，尽管您看不到它们）还是这会使 div 完全消失？

【问题讨论】：

【解决方案1】：

我不确定你到底要问什么（标题/第一段和第二段似乎在问不同的问题），但这是第二段的答案：

display: none; 从布局中删除一个元素，但不是 DOM。你不能点击它，但你仍然可以通过 JavaScript 与之交互。 visibility: hidden; 使元素完全透明，但保持其在布局中的位置。同样，您无法单击它，但您仍然可以通过 JavaScript 与之交互。

【讨论】：

【解决方案2】：

如果您想要一张地图图像，然后当您将鼠标悬停在地图的各个部分上时，地图上会发生一些变化，例如在该部分上加载另一个 div，您可以使用 zindex 并将鼠标悬停在 css 中。

如果您希望它在单击地图部分时执行某些操作，则将其一些 jquery 添加到混合中

因此您的地图将成为背景图像。当您将鼠标悬停在它们上时，您的部分会发生变化：简单的 css:hover 将通过一些 z-index 技巧来做到这一点。然后你可以在你想要覆盖的div的位置做一个简单的onclick加载这个div。

这是你想要的吗？

【讨论】：