Machen Sie ein div in einen Link - Stapelüberlauf
Im Wesentlichen ist es das:
die folgende CSS auf die leere Spannweite gelten:
Es wird nun die Platte abdecken, und wie es in einem ist Tag, es ist ein klickbaren Link
Dies ist eine „gültige“ Lösung zu erreichen, was Sie wollen.
Aber am meisten wahrscheinlich, was Sie wirklich wollen, ist ein haben tag dargestellt als Block-Ebene-Element.
Um thepeer Antwort Arbeit in IE 7 und nach vorn, braucht es ein paar Veränderungen zu machen.
IE wird nicht z-index ehrt, wenn das Element keine Hintergrund-Farbe hat, so wird der Link nicht Teile des containig div überlappt, den Inhalt hat, nur die leeren Teile. Um dies zu beheben ein Hintergrund hinzugefügt werden mit einer Undurchsichtigkeit 0.
Aus irgendeinem Grunde IE7 und verschiedener Kompatibilitätsmodus vollständig fehlschlagen, wenn die Spanne in einem Link-Ansatz. Allerdings, wenn der Link selbst den Stil gegeben ist es funktioniert gut.
Dieser Beitrag Alt Ich weiß, aber ich hatte gerade das gleiche Problem zu beheben, weil einfach einen normalen Link-Tag mit dem Display-Set Schreiben nicht blockieren nicht den ganzen div klickbare in IE machen. so dieses Problem zu beheben weit einfacher als JQuery zu verwenden.
Zum einen wollen wir verstehen, warum dies geschieht: IE wird nicht ein leeres div klickbare machen es nur innerhalb dieser div / einem Tag klickbare den Text / Bild.
Lösung: Füllen Sie das div mit einem Bakground Bild und versteckt es vom Betrachter.
Wie? Sie fragen, gute Fragen, jetzt aufhorchen. hinzufügen, um diesen Hintergrund Stil auf den einem Tag
Und dort haben Sie es die ganze div jetzt anklickbar ist. Dies war der beste Weg für mich Ursache Im es für meine Fotogalerie mit dem Benutzer clik auf einer Hälfte des Bildes lassen links / rechts und legen Sie dann ein kleines Bild zu bewegen, auch nur für visuelle Effekte. so für mich habe ich die linke und rechte Bilder als Hintergrundbilder auf jeden Fall!
warum nicht? benutzen funktioniert gut in HTML5
Dann jquery verwenden Sie den Block anklickbar zu machen (über Web-Designer Wand):
Dann alles, was Sie tun müssen, ist die Cursor-Stile auf die div hinzufügen