jQueryのアニメーションは、要素は、そのコンテナ側外に移動されたときに要素の下に行きます

Question

Iは、相対位置を有する容器内にあり、Iは、容器の側面を、この要素を移動すると、それが消え要素を有しています。しかし、私はそれは、独自の容器の外になった後、その要素を示すことが必要です。だから、どのように私はそれがその容器の側面を消灯した後、その要素を示すことをすることができますか？

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


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

Answer 1

あなたはその要素のZインデックスを設定することができますCSSを使用します。

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>

は私のために動作します。