img 上的 href 链接

Posted 2023-03-04

【中文标题】img 上的 href 链接

【英文标题】：a href link on img

【发布时间】：2011-04-16 08:10:49

【问题描述】：

您好，我有以下代码在img 之上有几个链接。它在 FF 中运行良好，但在 IE 中运行良好。如果您将链接放在img 顶部，似乎IE 不可点击

<div style="z-index:-6755;"><img  src="images/offers/october-offer.jpg" /></div>
<a href="javascript:void(0);" onclick="window.parent.SqueezeBox.close();" style="text-decoration: none; width: 147px; height: 32px; position: inherit; bottom: 32px; left: 50px; border: 1px solid red; display: block;" target="_parent"> </a> 

<a href="#" onclick="window.parent.SqueezeBox.close();">
<div style="display:block; width: 185px; height: 32px; position: relative; bottom: 50px; left: 260px;border:1px solid blue; ">&nbsp;</div>
</a>

【问题讨论】：

我编辑了代码。它仍然没有任何意义，所以如果这更有意义，请随意去看看源代码

您的 html 代码已损坏。 <href ... 应为<a href... 且链接（<a>）不允许包含div s 等块元素。

href 不是元素而是属性

@RoToRa @Mark 这实际上是我的错 ><aa> 标签，这样解析器就不会呈现代码而不是显示它（他不知道如何使用代码块），我按了两次退格键而不是一次，咬掉了@987654329 @ 那里。对于由此造成的混乱，我深表歉意。

【参考方案1】：

你只是想让图片可点击吗？

<href> 不能是正确的 html 标记。

<img> 内的任何一个地方 <a> 就像这样：<a href="http://www.example.com/"><img /></a>

另一种方法是设置一个带有图像背景图像的 div，然后在其中设置一个链接，使链接显示 : 块并使其成为 div 的整个宽度和高度，整个内容将是可点击的。