2012-09-13 12 views
5

Despliego algunas imágenes dentro de divs rotados y los hipervínculo. Sin embargo, los enlaces no parecen funcionar ... ¿alguien puede explicar por qué es así?enlaces en div girado con css no parecen funcionar

enlace: http://inetgate.ca/dev/portfolio use admin/test para pasar la solicitud de la contraseña.

Gracias! Ron código

ejemplo:

<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

Tu enlace debería funcionar; Sin embargo, parece que algunos de los guiones intentan usar XHR para recuperar el contenido de 'href' mientras el usuario hace clic y bloquea el comportamiento predeterminado (abrir el enlace), lo que causa un problema, porque eso sería un dominio cruzado. – Passerby

+0

Entonces, ¿cómo voy a arreglar esto, Passerby? ¡Gracias! http://en.wikipedia.org/wiki/XMLHttpRequest – cerr

+0

Es difícil saber qué script causa un problema, ya que tiene tantos scripts. ¿Tiene acceso completo al código fuente y es usted el único desarrollador de código? – Passerby

Respuesta

2

retire la position:absolute; en el div que tiene la etiqueta de los niños <a>. Esto solucionará tu problema. Al anidar enlaces clicables dentro de un elemento de posición absoluta, la etiqueta <a> también debe colocarse en forma absoluta para que se pueda hacer clic en ella, esto se debe a la prioridad de CSS. ¿Por qué no simplemente hacer el div que es position:absolute; a relative y entonces no se encontraría con este problema? O simplemente haga el <a> en sí absolute. Solución simple

Cuestiones relacionadas