आईई में एक अदृश्य div के पीछे सभी इनपुट अवरुद्ध?

Question

मेरे पास एक "सेविंग ..." ओवरले है जो एक अदृश्य div के केंद्र पर है जो स्क्रीन का 100% कवर करता है। मैं इसके पीछे के तत्वों के साथ बातचीत करना असंभव होना चाहता हूं, यानी बटनों पर क्लिक करना, फॉर्म इनपुट का चयन करना आदि। आदर्श रूप से यह न केवल सभी माउस इनपुट को पकड़ लेगा, बल्कि तत्वों के माउसओवर प्रभाव (अर्थात् कर्सर परिवर्तन) को अनदेखा भी करेगा नीचे। यह सुरक्षा या कुछ भी नहीं है, इसलिए इसे केवल सौंदर्यशास्त्र के लिए, हवादार होने की आवश्यकता नहीं है।

फ़ायरफ़ॉक्स डिफ़ॉल्ट रूप से डिफ़ॉल्ट रूप से ऐसा प्रतीत होता है, लेकिन आईई बिल्कुल नहीं है। क्या आईई में इस व्यवहार को लागू करने के लिए मैं कुछ सरल उपयोग कर सकता हूं?

Answer 1

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

background-color: white; 
filter: alpha(opacity=1); 
opacity: 0.01; 

Answer 2

मैं सुझाव है कि आप उदाहरण Clientcides StickyWin Modal के लिए कई MooTools यूआई पुस्तकालयों में से एक पर गौर,। यह कुछ हद तक नीचे की चीजों के साथ बातचीत को रोकता है (जैसे आपने कहा, ज्यादातर अस्थिर रूप से)। उपयोगकर्ता अभी भी टैब के ठीक नीचे और अगर चीजें के माध्यम से वे, रूपों के साथ बातचीत करने के लिए ...