小编Mir*_*rko的帖子

我有一个小树的图像，我想使用 jQuery 和 CSS让它从下到上生长。

目前，树的bottom位置为 0 并随着animate()jQuery 函数上升。

我可以制作div与树重叠的a并使用animate()jquery 函数为其设置动画并将其删除height，但原始背景（body）使用 CSS 渐变，因此我无法使div图像重叠。这是我的代码：

CSS：

.wrap_tree{
    height:300px;
    position:relative;
}
.tree{
    overflow: hidden;
    position:absolute;
    display:none;
    bottom:0px;
    width:200px;
    left:28%;
}

HTML：

<div class="wrap_tree">
    <div class="tree">
        <img src="tree.png"/>
    </div>
</div>

JavaScript/jQuery：

$('.tree').animate({
    height: 'toggle'
},5000);