2011-07-18 19 views
17

संभव डुप्लिकेट: जावास्क्रिप्ट के बिना लाल चौक नीचे दिए गए लिंक पर क्लिक करने के
Passing mouse clicks through an overlaying element <div>क्लिक लिंक

क्या यह संभव है? लाल div को क्लिक करने योग्य होने की आवश्यकता नहीं है।

enter image description here

http://jsfiddle.net/efortis/LNwHV/

#bottom{ 
width: 100px; 
height: 100px; 
background-color: orange; 
} 

#top{ 
    width: 50px; 
    height: 50px; 
    position: absolute; 
    left:0; 
    top:0; 
    background-color: rgba(255,0,0,.5); 
} 

उत्तर

58

यह करने के लिए सीएसएस विधि है pointer-events: none

देखें:http://jsfiddle.net/LNwHV/1/

ब्राउज़र समर्थन: http://caniuse.com/pointer-events (IE10 और पुराने को छोड़कर हर जगह काम करता है er)

आईई के पुराने संस्करणों का समर्थन करने के लिए, आपको फॉलबैक के रूप में use JavaScript करना होगा।

+0

धन्यवाद !! यह बहुत अच्छा काम किया। –

+2

फिर यह समाधान नहीं है। आईई 10 में भी काम नहीं करता है। – wouterds

+1

@ वाउटरडीएस: हाँ, यह कष्टप्रद है कि यह आईई 10 में भी काम नहीं करता है। दुर्भाग्य से, यह सभी सीएसएस की पेशकश है। यदि आपको IE का समर्थन करने की आवश्यकता है, तो आपको शायद मेरे उत्तर में अंतिम लिंक के रूप में जावास्क्रिप्ट का उपयोग करना होगा। – thirtydot

संबंधित मुद्दे