2013-04-18 82 views
0

其實我想動畫背景圖片。所以我所做的是,當div徘徊時,背景圖像逐漸隱藏起來。如何將backgroundSize屬性設置爲jQuery中的默認值?

$(this).animate({ backgroundSize: '0%', opacity: 0}, 500) 

現在,當DIV不徘徊,我想設置backgroundSize爲默認值..喜歡

$(this).animate({backgroundSize: 'auto', opacity: 1}, 500) 

但它沒有工作。

在CSS中的div類就像是......

.divImg{ background: url(../imgs/bgImg.png) no-repeat center; background-size: auto } 

什麼,我想,當DIV不是懸停的背景圖片應該回到它的默認大小和位置。

回答

0

嘗試增加!important

$(this).animate({backgroundSize: 'auto !important', opacity: 1}, 500) 

編輯:更新代碼的問題匹配的例子。

+0

不,我想用jQuery來做。 –

+0

當然你可以做到這一點。只需將'!important'添加到backgroundSize值即可。我更新了我的帖子,使其更清晰。 – Friederike

0

我不是100%肯定這個,但我相信jquery .animate()只能動畫基於數字的屬性。我的猜測是,試圖將「100%」更改爲「自動」可能是問題。

嘗試只動畫不透明度,如果需要,可以在超時後使用.css()函數更改爲'auto'。

相關問題