JQuery Chankate يذهب تحت العنصر عندما يتم نقل العنصر إلى جانب حاوية

Question

لدي عنصر داخل الحاوية مع وضع قريب وعندما أقوم بنقل هذا العنصر خارج الحاوية، يختفي. لكنني بحاجة إلى أن يظهر هذا العنصر بعد أن يكون خارج الحاوية الخاصة به. إذا كيف يمكنني إظهار هذا العنصر بعد خروجه من حاويةه؟

<div class="container">
    <div class="moving-element">
    </div>
</div>


$(element).animate({"top": "-100px"}, speed, easing, func);

Answer 1

باستخدام CSS يمكنك تعيين فهرس Z لهذا العنصر.

z-index: 999;

من شأنه أن يضمن أن يكون دائما في القمة تقريبا (ما لم يكن لدى بعض العناصر الأخرى مؤشر Z أعلى وتتداخل).

تعديل

في الواقع، قد يكون CSS الخاص بك أو العناصر المتعارضة الأخرى، نلقي نظرة على:

<style type="text/css">
.container {
height: 500px;
width: 500px;
background: red;
}

.moving-element {
position: relative;
height: 250px;
width: 250px;
background: blue;
}
</style>

<div class="container">
    <div class="moving-element">
    </div>
</div>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.moving-element').animate({"top": "-100px"}, 1000);
});
</script>

تناسبني.