带有img的可点击div？答案

【问题标题】：clickable div with img in it?带有img的可点击div？
【发布时间】：2010-03-20 04:10:33
【问题描述】：

我有一个 div 我想让它可以点击。我知道我需要使 div （和？）链接具有固定的宽度和高度 + display: 块。我在 div 中有一个图像。看起来“可点击”的 div 实际上是一个大的透明链接，而且这种点击不能很好地处理图像，因为它不共享空间。我需要右键单击图像并点击另存为。

那么我如何使 div 可点击。我尝试设置 img 宽度和高度，但它使 img 拉伸。

【问题讨论】：

【解决方案1】：

您可以设置<a> 标记来填充整个父级。示例：

<div>
    <a href="..." style="display: block; height: 100%">
        <img src="..." alt=".." />
    </a>
</div>

整个<div> 将是可点击的。

【讨论】：

【解决方案2】：

要将 div 实际制作成链接，您必须使用 Javascript，但从阅读更多内容到您的问题，我不太确定这是您要问的。但是，如果您确实需要在此处将 div 设置为链接。

<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>

如果您能提供您的标记以便我们可以看到您所看到的，那就太好了。

谢谢，

【讨论】：

【解决方案3】：

这个答案是错误的！它没有通过 HTML。我只是把它放在这里，以便其他人可以看到它并知道它不是问题的答案。（以防其他人对此答案有相同的想法）

为什么不做类似的事情

<a href="...">
  <div>
    <img src="..." alt="..">
  </div>
</a>

【讨论】：