सीएसएस के साथ घूर्णन div पर लिंक

Question

काम नहीं कर रहा है, मैं घुमावदार divs के भीतर कुछ छवियां प्रदर्शित करता हूं और उन्हें हाइपरलिंक करता हूं। हालांकि, लिंक काम नहीं कर रहे हैं .... क्या कोई यह समझा सकता है कि ऐसा क्यों है?

लिंक: http://inetgate.ca/dev/portfolio पासवर्ड प्रॉम्प्ट को प्राप्त करने के लिए व्यवस्थापक/परीक्षण का उपयोग करें।

धन्यवाद! रॉन

उदाहरण कोड:

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

Answer 1

div बच्चों <a> टैग है पर position:absolute; को हटा दें। यह आपकी समस्या को ठीक करेगा। जब एक पूर्ण स्थान तत्व के अंदर क्लिक करने योग्य लिंक घोंसला करते हैं, तो <a> टैग को भी क्लिक करने योग्य होने के लिए इसे पूर्ण रूप से निर्धारित किया जाना चाहिए, यह सीएसएस प्राथमिकता के कारण है। क्यों न सिर्फ position:absolute;relative पर div बनाओ और फिर आप इस समस्या में नहीं भागेंगे। या बस <a> स्वयं absolute बनाएं। सरल फिक्स!