से रोकें, मैं अभी इस स्थिति में आया हूं जहां एक अतिप्रवाह तत्व का छुपा क्षेत्र अभी भी माउस क्लिक या माउस होवर से प्रभावित है।छिपे हुए क्षेत्र को छिपाने वाले क्षेत्र को क्लिक करने योग्य
मैंने सोचा कि एक अदृश्य तत्व या क्षेत्र माउस घटनाओं द्वारा लक्षित नहीं किया जाएगा, तो, मैं यहां क्या खो रहा हूं?
एक उदाहरण का पालन करता है जहां यह व्यवहार पॉप अप हो जाता है, केवल एक को सर्कल के बाहर माउस को हॉवर स्क्वायर के पास घुमाया जाता है और आप ध्यान देंगे: होवर चयनकर्ता प्रभाव ले रहा है।
#circle {
position:absolute;
height: 50%;
width: 28%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: black;
color: white;
border-radius: 200px;
overflow: hidden;
}
#square {
height: 50%;
width: 50%;
transform: translate(-50%, -50%);
background: green;
cursor: pointer;
}
#square:hover {
background: yellow;
}
<body>
<div id="circle">
<div id="square"></div>
</div>
</div>
जोड़ा गया 2016/12/05 पर: के रूप में फ़ायरफ़ॉक्स में टिप्पणी में कहा विपरीत क्रोम के लिए होता है यह अजीब व्यवहार नहीं होती है।
चीयर्स, utxeee।
आप इसे किस ब्राउज़र पर देख रहे हैं? फ़ायरफ़ॉक्स 50.0.1 पर सब कुछ अपेक्षित काम करता प्रतीत होता है। – Rounin
ईमानदार होने के लिए, मैं यह उल्लेख करना भूल जाता हूं कि मैंने फ़ायरफ़ॉक्स (48.0.2) पर भी इसका परीक्षण किया और मैं पुष्टि करता हूं कि यह वहां अपेक्षित काम करता है। मैं अभी क्रोम (संस्करण 49.0.2623.112) का उपयोग कर रहा हूं। – utxeee
यह स्पष्ट रूप से ब्लिंक रेंडरिंग इंजन के साथ एक बग है, हालांकि मैं यह नहीं समझ सकता कि यह कहां से आ रहा है। मैंने 'सूचक-घटनाओं को जोड़ने की कोशिश की: कोई नहीं;' 'सर्कल 'और' पॉइंटर-इवेंट्स: ऑटो; 'से' # वर्ग', लेकिन इससे कोई फर्क नहीं पड़ता। – Rounin