मैं निश्चित div

Question

के अंदर एक लिंक पर क्लिक करने में सक्षम नहीं हूं, यह लिंक .user_minibar नामक एक div के अंदर position:fixed; संपत्ति के साथ है, और पृष्ठ के शीर्ष पर स्थित होने पर क्लिक नहीं किया जा सकता है। जब मैं अपना माउस उस लिंक पर डालता हूं, तो मेरा कर्सर भी पॉइंटर में नहीं जाता है।

जब तक मैं थोड़ा नीचे स्क्रॉल नहीं करता, मैं इसे क्लिक नहीं कर सकता (यह केवल मेरे लिए काम करता है जब मेरा लिंक h1 टैग (अजीब, दाएं?) से नीचे है)। http://jsfiddle.net/Arkl1te/9XkHa/

Answer 1

शीर्ष तत्वों में से एक शायद अपनी div अतिव्यापी है:

यहाँ मेरी jsfiddle है। अपने .user_minibar पर z-index: 1; जोड़ने का प्रयास करें।

Answer 2

.user_minibar पर जेड-इंडेक्स जोड़ें, इसे h1 द्वारा ओवरलैप किया जा रहा है।

.user_minibar{ 
    position: fixed; 
    width: 250px; 
    height: 30px; 
    background: rgba(255,255,255,.8); 
    border-bottom: 1px dotted red; 
    color: red; 
    font-size: 14px; 
    z-index: 1; 
}