jQuery animato va sotto elemento quando elemento viene spostato fuori lato suo contenitore

Question

Ho elemento che si trova all'interno del contenitore con la posizione relativa e quando sposto questo elemento fuori lato del contenitore, esso scompare. Ma ho bisogno che elemento da visualizzare dopo che è fuori dal suo contenitore. Così come posso fare che elemento per essere mostrato dopo esce lato del suo contenitore?

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


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

Answer 1

Utilizzando i CSS è possibile impostare lo z-index per quell'elemento.

z-index: 999;

assicurerebbe che è quasi sempre in alto (a meno che qualche altro elemento ha uno z-index più alto e si sovrappone).

Modifica

In realtà, potrebbe essere il vostro CSS o altri elementi in conflitto, dare un'occhiata a:

<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>

funziona per me.