عبور حدود الفائض: غلاف مخفي
-
02-10-2019 - |
سؤال
قليلا من المخلل هنا:
حصلت على 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
, ، لكن هذا لم ينجح.
أي أفكار حول كيفية "تجاوز السندات"؟
المحلول
يمكنك استخدام الموقف: مطلقًا على المنسدلة ، لكنني لا أوصي بذلك.
حاول إزالة الفائض: مخفي ؛ ووضع ارتفاع وعرض على.
نصائح أخرى
يمكنك الذهاب مع الموقف: المطلقة لقائمة القائمة المنسدلة ، لكنها قبيحة.
حاول أن تفقد التدفق: مخفي ، واستخدام الفائض: مرئيًا بدلاً من ذلك ، إنها الطريقة الأكثر صحة للذهاب في قضيتك ، على الرغم من سهولة أو صعوبة.