2011-07-13 94 views
1

我有一个div ...有填充时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; 
} 

的问题是,当我与高度上沿着使用填充:0像素,在div仍出现在屏幕上。因为,我使用jquery为这个div制作动画,所以我不能使用可见性:隐藏或类似的东西。那么我怎样才能让这个div随着填充而“消失”,这样我就可以在后面对div的高度进行动画了?

谢谢!

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

回答

0

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

+0

看起来很奇怪,所以我希望避免这样做。 – Derek

0

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

+0

是真的,这是有道理的,但文本的顶部也显示出来,所以我需要一个不同的解决方案 – Derek