सीएसएस/जावास्क्रिप्ट - अतिप्रवाह वाले तत्व के बाहर सामग्री: छुपा

Question

मेरे पास एक कंटेनर div तत्व है जिसमें overflow:hidden है। दुर्भाग्य से साइट पर जिस तरह से बनाया गया है, इस संपत्ति की आवश्यकता है।

इस div के अंदर यह कुछ टूलटिप्स समेत सभी साइट सामग्री है। जब आप किसी लिंक या किसी चीज़ पर माउस करते हैं तो ये टूलटिप्स jQuery के साथ प्रदर्शित होते हैं।

समस्या यह है कि इन टूलटिप्स में से कुछ आंशिक रूप से, ऊपर अतिप्रवाह बात की वजह से छिपा प्रदर्शित करेगा, क्योंकि वे कंटेनर div के बाहर तैनात कर रहे हैं है ...

वहाँ कोई विशिष्ट तत्व को दिखाने के लिए सक्षम होने के लिए कोई तरीका है इस कंटेनर के अंदर से, भले ही यह इसकी सीमाओं से बाहर हो? शायद एक जावास्क्रिप्ट समाधान?

एचटीएमएल इस तरह दिखता है:

<div style="overflow:hidden; position:relative;"> 

    the main content 

    <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div> 

</div> 

Answer 1

इस प्रयास करें:

<div style="position:relative;">  
    <div style="overflow:hidden; position: relative; width: {any}; height: {any};">the main content<div>  
    <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>  
</div> 

सिर्फ अपने मुख्य सामग्री एक और div करने के लिए मुख्य div के अंदर जगह है और प्रदान की सीएसएस अगर बह निकला सामग्री को छिपाने के लिए दे ...

Answer 2

अगर अतिप्रवाह: छिपा तैरता को रोकने के लिए है, तो अन्य तरीके कि टूलटिप्स बंद नहीं काटा जा करने की अनुमति होगी रहे हैं। देखने के दुश्मन clearfix: के बाद