2011-07-13 127 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