2010-09-23 20 views
9

Witam Mam następujący kod, aby mieć kilka linków na górze img. Działa dobrze w FF, ale nie w IE. Wydaje się, IE nie jest klikalny jeśli umieścić link na górze imga link href na 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> 
+0

Edytowałem kod. Nadal nie ma sensu, więc zachęcamy do odwiedzenia źródła, jeśli ma to więcej sensu. –

+1

Twój kod HTML jest uszkodzony. '') nie mogą zawierać elementów blokowych, takich jak 'div's. – RoToRa

+1

href nie jest elementem, ale atrybutem –

Odpowiedz

22

są po prostu próbuje dokonać klikania?

Nie możesz mieć <href>, która nie jest poprawnym znacznikiem HTML.

albo umieścić <img> wewnątrz <a> tak: <a href="http://www.example.com/"><img /></a>

Innym sposobem jest ustawienie div z obrazu tła obrazu, a następnie łącza wewnątrz tam dokonać łącza display: block i sprawiają, że cała szerokość a wysokość div i całej rzeczy będzie klikalna.