有填充时的Div高度问题?

时间:2011-07-13 22:56:15

标签: html css

我有一个div ...

这是css

div#bounty_def
{
    position:relative;
    width:400px;
    height:0px;
    font-size:12px;
    top:90px;
    background-color:#352b22;
    overflow:hidden;
    padding-top:5px;
    padding-bottom:5px;
}

问题是,当我使用padding和height:0px时,div仍会出现在屏幕上。因为,我使用jquery来动画这个div,我不能使用visibility:hidden或类似的东西。那么我如何使用填充使这个div“消失”,以便我可以在以后设置div的高度动画?

谢谢!

编辑: 我不想同时为填充和高度设置动画,因为它看起来不像我想要的那样。 我尝试使用两个函数(一个用于填充,一个用于高度)来制作动画,但动画之间有一个暂停。如果没有,那就完美了。任何人都知道如何摆脱暂停?

2 个答案:

答案 0 :(得分:0)

为什么不从零填充动画开始呢?

答案 1 :(得分:0)

由于background-colorpadding的组合而显示。如果为它设置动画,是否可以在动画开始前将填充设置为值0,并在动画结束时将其设置回以前的值?