2012-09-13 11 views
5

Bazı görüntüleri döndürülmüş div'larda görüntülerim ve onları köprüleri. Ancak, bağlantılar işe yaramıyor gibi görünmüyor .... kimse bunun neden olduğunu açıklayabilir mi?css ile döndürülmüş div üzerinde bağlantılar işe yaramaz.

bağlantı: http://inetgate.ca/dev/portfolio admin/test parolasını atlamak için kullanılır.

Teşekkürler! Ron

örnek 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

Bağlantı kurmalısınız; Ancak, komut dosyanızın bir kısmı, kullanıcıyı href'ten almak için XHR'yi kullanmaya çalışıyor gibi görünüyor; kullanıcı, varsayılan davranışı tıklatıp engelliyor (bağlantıyı açar), bu da sorunlara neden olur, çünkü bu, etki alanı olur. – Passerby

+0

Peki, bunu düzeltmek için nasıl giderim, Passerby? Teşekkürler! http://en.wikipedia.org/wiki/XMLHttpRequest – cerr

+0

Çok sayıda komut dosyanız olduğundan, hangi komut dosyasının soruna neden olduğunu söylemek zor. Kaynak koduna tam erişiminiz var mı ve siz sadece kod geliştirici misiniz? – Passerby

cevap

2

çocuk <a> etiketi var div üzerinde position:absolute; kaldırın. Bu probleminizi çözecektir. Mutlak konumlandırılmış bir öğenin içindeki tıklanabilir bağlantıları yerleştirirken, <a> etiketinin kendisi de tıklanabilir olması için mutlak olarak konumlandırılmalıdır, bu CSS önceliğinden kaynaklanır. Neden sadece position:absolute; ila relative arası div yapmıyorsunuz ve sonra bu konuya girmiyorsunuz. Veya sadece <a>'un kendisini absolute yapın. Basit düzeltme!

İlgili konular