css - href not working with z-index -1 -
हेललो, मेरे पास यह html कोड है
& lt; div class = "tf" & gt ; & Lt; a href = "http: //www.twitter.com/ !!!" लक्ष्य = "_ रिक्त" & gt; & lt; img src = "चित्र / twitter.png" width = "2%" class = "tfimg" & gt; & lt; / a & gt; & amp; nbsp; & amp; nbsp; & amp; nbsp; & amp; ; Nbsp; & amp; nbsp; & amp; nbsp; & amp; nbsp; & amp; nbsp; & lt; a href = "http://www.facebook.com/pages/!!!/212810852094228" लक्ष्य = "_ रिक्त" & gt; & Lt; img src = "images / facebook.png" width = "2%" वर्ग = "tfimg" & gt; & lt; / a & gt; & Lt; / div & gt; और सीएसएस के लिए
.tf {float: right; मार्जिन-सही: 65px; मार्जिन टॉप: -30px; गद्दी: 2px; } .tfimg {स्थिति: पूर्ण; z- सूचकांक: -1; सीमा: कोई नहीं; } छवि की सीमा से बाहर हो लेकिन मैं छवि पर क्लिक नहीं कर सकता तो समस्या क्या है और उसके लिए क्या समाधान है?
आपके दोनों चित्रों में एक ही वर्ग उन्हें सौंपा गया है। आप उन्हें अलग-अलग पदों पर सेट नहीं करके उन्हें एक-दूसरे के ऊपर ढेर कर रहे हैं और फ़ेसबुक.कॉम शीर्ष पर दिखाई देता है क्योंकि यह एचटीएमएल में अंतिम है। यदि आप चाहते हैं कि वे एक दूसरे के बगल में दिखाई दें तो आप निम्न की तरह कुछ लागू कर सकते हैं:
.tftwitter {position: absolute; बाएं: 0px; सीमा: कोई नहीं; } .tffacebook {स्थिति: निरपेक्ष; बाएं: 20px; सीमा: कोई नहीं; } और अब प्रत्येक छवि उचित वर्ग को निर्दिष्ट करें।
Comments
Post a Comment