img上的href链接

时间:2010-09-23 15:15:18

标签: html css internet-explorer

您好我有以下代码在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>

1 个答案:

答案 0 :(得分:24)

你只是想让图片可以点击吗?

你不能拥有<href>不正确的html标签。

<img>置于<a>内,如此:<a href="http://www.example.com/"><img /></a>

另一种方法是使用图像的背景图像设置div,然后在其中设置链接,使链接显示:阻止并使其成为div的整个宽度和高度,整个事物将是可点击的。< / p>