तत्व को अनजाने बनाएं (इसके पीछे चीजें क्लिक करें)

Question

मेरे पास एक निश्चित छवि है जो एक पृष्ठ को ओवरले करता है जब उपयोगकर्ता टच स्क्रीन (मोबाइल) स्क्रॉल करने के कार्य में होता है।

मैं उस छवि को "अनजान" या "निष्क्रिय" या जो कुछ भी बनाना चाहता हूं, ताकि यदि कोई उपयोगकर्ता उस छवि से छूता और ड्रैग करता है, तो उसके पीछे का पृष्ठ अभी भी स्क्रॉल करता है जैसे छवि वहां "अवरुद्ध" नहीं होती है बातचीत।

क्या यह संभव है? यदि आवश्यकता हो, तो मैं स्क्रीन शॉट्स प्रदान करने का प्रयास कर सकता हूं जो मेरा मतलब है।

धन्यवाद!

Answer 1

सीएसएस सेट करना - pointer-events: none छवि के साथ किसी माउस बातचीत को हटा देना चाहिए। आईई के अलावा सभी में बहुत अच्छी तरह से समर्थित है।

मूल्यों pointer-events ले सकते हैं।

Answer 2

सीएसएस सूचक घटनाएं आप देखना चाहते हैं। अपने मामले में, पॉइंटर-इवेंट को "none" पर सेट करें। उदाहरण के लिए इस JSFiddle को देखें ... http://jsfiddle.net/dppJw/1/

ध्यान दें कि आइकन पर डबल क्लिक करने से आप अभी भी पैराग्राफ पर क्लिक करेंगे।

div.child { 
    ...  
    background: #fff; 
    pointer-events: none //This line is the key! 
}