Links auf gedrehten Div mit CSS scheinen nicht zu arbeiten

Ich zeige einige Bilder innerhalb gedrehter Divs und hyperlink sie. Die Links scheinen jedoch nicht zu funktionieren. Darf mir jemand erklären, warum das so ist?Links auf gedrehten Div mit CSS scheinen nicht zu arbeiten

link: http://inetgate.ca/dev/portfolio Verwenden Sie admin/test, um über die Passwortabfrage zu gelangen.

Danke! Ron

Beispielcode:

<div id="pic-7" class="pic" style="height:130px; width:110px; top:9px;left:370px; -moz-transform:rotate(-16deg); -webkit-transform:rotate(-16deg); position: absolute; background-color:#fff;background-position:center top;font-size:80%"> 
      <div align="center"> 
      <img style="margin-top:4px; border: 1px solid #999;" src="gallery/img/thumbs/wittmerperformance.png"/><a class="fancybox" rel="fncbx" href="http://www.wittmerperformance.com/" target="_blank" onclick>Wittmerperformance 
      </a></div> 
    </div>

Quelle

2012-09-13 cerr

Sie Link sollte funktionieren; Es scheint jedoch, dass einige Ihrer Skripte versuchen, XHR zu verwenden, um den Inhalt von 'href' zu holen, während der Benutzer klickt und das Standardverhalten blockiert (den Link öffnet), was zu einem Problem führt, da dies domänenübergreifend wäre. – Passerby

Also, wie würde ich das Problem lösen, Passery? Vielen Dank! http://en.wikipedia.org/wiki/XMLHttpRequest – cerr

Es ist schwer zu sagen, welches Skript Probleme verursacht, da Sie so viele Skripte haben. Haben Sie vollen Zugriff auf den Quellcode und sind Sie der einzige Entwickler? – Passerby

die position:absolute; auf dem div entfernen, die die Kinder <a> Tag hat. Dies wird dein Problem beheben. Beim Verschachteln von anklickbaren Links innerhalb eines absolut positionierten Elements muss der Tag <a> ebenfalls absolut positioniert werden, damit er anklickbar ist, dies liegt an der CSS-Priorität. Warum nicht einfach das div, das ist position:absolute; zu relative, und dann würden Sie nicht auf dieses Problem stoßen. Oder machen Sie einfach die <a> selbst absolute. Einfache Lösung!

Quelle

2012-09-21 16:38:52 djowinz

Links auf gedrehten Div mit CSS scheinen nicht zu arbeiten

Antwort

Verwandte Themen