ссылка на ссылку на img - PullRequest
       18

ссылка на ссылку на img

11 голосов
/ 23 сентября 2010

Привет У меня есть следующий код, чтобы несколько ссылок поверх img. Это хорошо работает в FF, но не в IE. Похоже, что IE не реагирует на клики, если вы поместите ссылку поверх img

<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 Ответ

24 голосов
/ 23 сентября 2010

Вы просто пытаетесь сделать изображение кликабельным?

у вас не может быть <href>, который не является правильным HTML-тегом.

в любом месте <img> внутри <a> кактак: <a href="http://www.example.com/"><img /></a>

другой способ - установить div с фоновым изображением вашего изображения, а затем ссылку внутри него, сделать ссылку display: block и сделать ее шириной и высотой div ивсе это будет кликабельно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...