عبور حدود الفائض: غلاف مخفي

Question

قليلا من المخلل هنا:

حصلت على jQuery.cycle carousel كبيرة ، والتي هي عناصر div مع الكثير من الأشياء بداخلها.

ترميز تقريبي:

<div id="carousel">
    <div class="slide">slide content</div>
    <div class="slide">slide content</div>
    <div class="slide">slide content</div>
</div>

المشكلة هي أن "carousel" div يجب أن يكون orverflow:hidden; قم بتعيينه لمنع بعض الأخطاء ، ومع ذلك أحتاج إلى بعض العناصر الموجودة في شرائح معينة لعرض قوائم منسدلة على Mouseover ، عندما أقوم بذلك ، يتجاوز المنسدلة حدود غلاف Carousel ويتم قطعها. كانت غريزتي الأولى للاستخدام z-index, ، لكن هذا لم ينجح.

أي أفكار حول كيفية "تجاوز السندات"؟

Answer 1

يمكنك استخدام الموقف: مطلقًا على المنسدلة ، لكنني لا أوصي بذلك.

حاول إزالة الفائض: مخفي ؛ ووضع ارتفاع وعرض على.

Answer 2

يمكنك الذهاب مع الموقف: المطلقة لقائمة القائمة المنسدلة ، لكنها قبيحة.

حاول أن تفقد التدفق: مخفي ، واستخدام الفائض: مرئيًا بدلاً من ذلك ، إنها الطريقة الأكثر صحة للذهاب في قضيتك ، على الرغم من سهولة أو صعوبة.