2012-09-13 12 views
5

Wyświetlam obrazy w obróconych elementach div i łączę je hiperłączem. Jednak linki nie wydają się działać .... może ktoś wyjaśnić, dlaczego tak jest?linki na obróconym dziale z css nie działają.

link: http://inetgate.ca/dev/portfolio użyj polecenia admin/test, aby ominąć monit o podanie hasła.

Dzięki! Ron

przykładowy kod:

<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

Link powinien działać; Wygląda jednak na to, że niektóre z twoich skryptów próbują użyć XHR do pobrania treści z 'href', podczas gdy użytkownik klika i blokuje domyślne zachowanie (otwiera łącze), co powoduje problem, ponieważ byłaby to domena krzyżowa. – Passerby

+0

Więc jak mam to naprawić, Passerby? Dzięki! http://en.wikipedia.org/wiki/XMLHttpRequest – cerr

+0

Trudno powiedzieć, który skrypt powoduje problem, ponieważ masz tak wiele skryptów. Czy masz pełny dostęp do kodu źródłowego i czy jesteś jedynym programistą kodu? – Passerby

Odpowiedz

2

usunąć position:absolute; na div, który ma dzieci <a> tag. To rozwiąże twój problem. Podczas zagnieżdżania klikalnych linków wewnątrz elementu pozycjonowanego bezwzględnie, znacznik <a> sam również musi być ustawiony bezwzględnie, aby można było go klikać, jest to spowodowane priorytetem CSS. Dlaczego nie po prostu zrobić div, który jest position:absolute; do relative, a następnie nie natknąć się na ten problem. Lub po prostu sam <a>absolute. Prosta naprawa!

Powiązane problemy