2012-09-13 9 views
5

Visualizzo alcune immagini all'interno di div rotate e li linko. Tuttavia, i collegamenti non sembrano funzionare .... qualcuno può spiegare perché questo è il caso?collegamenti su div ruotati con css non sembrano funzionare

collegamento: http://inetgate.ca/dev/portfolio utilizzare admin/test per superare la richiesta della password.

Grazie! Ron codice

esempio:

<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> 
+6

Il collegamento dovrebbe funzionare; Tuttavia, sembra che alcuni dei tuoi script stiano tentando di usare XHR per recuperare il contenuto da 'href' mentre l'utente fa clic e blocca il comportamento predefinito (apri il collegamento), il che causa un problema, perché sarebbe cross domain. – Passerby

+0

Quindi, come dovrei risolvere il problema, Passerby? Grazie! http://en.wikipedia.org/wiki/XMLHttpRequest – cerr

+0

È difficile dire quale script causa problemi, dal momento che ci sono così tanti script. Hai pieno accesso al codice sorgente e sei l'unico sviluppatore di codice? – Passerby

risposta

2

rimuovere il position:absolute; sul div che ha il bambino <a> tag. Questo risolverà il tuo problema. Quando si annidano collegamenti cliccabili all'interno di un elemento posizionato in modo assoluto, anche il tag <a> deve essere posizionato per essere cliccabile, a causa della priorità CSS. Perché non basta fare il div che è position:absolute; a relative e quindi non si dovrebbe incorrere in questo problema. Oppure è sufficiente creare lo <a> stesso absolute. Correzione semplice!

Problemi correlati