बूटस्ट्रैप मॉड्यूल बैकड्रॉप के पीछे क्रोम

Question

मैं ट्विटर बूटस्ट्रैप, सीएसएस और जेएस का उपयोग कर रहा हूं।

समस्या मॉडल प्लगइन से आती है, यह फ़ायरफ़ॉक्स और आईई पर ठीक काम कर रही है लेकिन क्रोम में खराब दिखती है: मोडल सफलतापूर्वक पॉप अप करता है, लेकिन मोडल-बैकड्रॉप के पीछे, इसलिए फॉर्म का उपयोग करना असंभव है (मोडल बॉक्स में निहित)

ऊपर दाएं बटन पर क्लिक करके एक कोशिश कर सकते हैं: http: //

यह बूटस्ट्रैप उदाहरण पेज (http://twitter.github.com/bootstrap/javascript.html#modals पर ठीक काम कर रहा है) तो मुझे लगता है कि यह मेरे सीएसएस से आ रहा है

मैंने हर जगह देखा मैं कर सकता था, लेकिन कुछ भी संदिग्ध नहीं मिला। मुझे क्या याद आया?

Answer 1

-webkit-overflow-scrolling: touch;section#maincontainer में overflow: auto के साथ विरोधाभासी प्रतीत होता है।

मेरा मानना ​​है कि -webkit-overflow-scrolling: touch; को निश्चित स्थिति का उपयोग करने वाले तत्वों के भीतर टच स्क्रीन स्क्रॉलिंग ओवरफ़्लो प्रदान करने के लिए उपयोग किया जाना चाहिए - इसलिए मुझे नहीं लगता कि आपको इसे section#maincontainer पर लागू करने की आवश्यकता है।

हालांकि आप इसे modal-body पर लागू करना चाहते हैं क्योंकि माता-पिता निश्चित स्थिति का उपयोग करते हैं और सामग्री अधिक हो सकती है।

http://css-tricks.com/mobile-webkit-overflow-scrolling/