在图片上添加超链接

Question

您好，我有以下代码来在img顶部放置几个链接。在FF中它运行良好，但在IE中却不行。如果您将链接放在img上方，似乎IE不能单击它们。

<div style="z-index:-6755;"><img alt="October Offer" 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>

- redcoder

---

我编辑了代码。它仍然没有任何意义，所以如果需要更好的理解，请随时查看源代码。 - Yi Jiang

你的HTML代码有问题。<href ... 应该是 <a href...，而且链接(<a>)不能包含像 div 这样的块级元素。 - RoToRa

href不是一个元素，而是一个属性。 - Mark Baijens

@RoToRa @Mark 实际上那是我的错><。原帖使用了<aa>标签，以便解析器不会呈现代码而是显示它（他不知道如何使用代码块），我按了两次退格键而不是一次，把那个a删掉了。对于这造成的混淆，我真的很抱歉。 - Yi Jiang

Answer 1

你是想让图片可点击吗？

你不能使用 <href> ，那不是正确的HTML标签。

你可以这样做：将 <img> 放在 <a> 中，代码如下：<a href="http://www.example.com/"><img /></a>

另一种方法是设置一个带有背景图像的 div 标签，然后在其中放置一个链接。将该链接设置为 display:block 并使其宽度和高度与整个 div 相同，整个内容就可以被点击了。

- Alex B

Answer 2

你可以在img标签中添加一个onclick函数。 例如： <img src="images/logo.png" alt="logo" onclick="home()">

然后将其重定向到一个页面。 function home(){ location.replace("/index.html") }

- Tenzin