JQuery Animate geht unter Element, wenn das Element neben seinem Container ausgestattet wird

Question

Ich habe ein Element, das sich in einem Container mit Position relativ befindet, und wenn ich dieses Element aus dem Container bewege, verschwindet es. Aber ich brauche dieses Element, das gezeigt werden kann, nachdem es außerhalb seines eigenen Containers ist. Wie kann ich also das Element zum gezeigten Zeugnis machen, nachdem es aus dem Container ausgeht?

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


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

Answer 1

Mit CSS können Sie den Z-Index für dieses Element festlegen.

z-index: 999;

Würde sicherstellen, dass es fast immer oben ist (es sei denn, ein anderes Element hat einen höheren Z-Index und überlappt).

BEARBEITEN

Eigentlich könnten sich Ihr CSS oder andere widersprüchliche Elemente ansehen: Schauen Sie sich an:

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

Funktioniert bei mir.