CSS3/JavaScript的：使用jQuery/Modernizr的

有誰知道我怎麼能實現(this in Codepen.io)按鈕懸停效果IE 7-9支持轉換IE支持？CSS3/JavaScript的：使用jQuery/Modernizr的

如明確：

transition-duration: 0.5s; 
transition-property: all; 
transition-timing-function: ease; 
margin-top: 5px;

我試過this，然而，上邊距將無法運行動畫。其他人似乎..

我在做什麼錯？感謝任何幫助。

我有jQuery的，Modernizr的...

非常感謝

哈雷

（提前道歉，如果這是一個赤裸裸的重複，只是我似乎有一個特別的問題）

。使用這兩個似乎是等待發生的奇怪？ – adeneo

不知道它是否只是我，但IE 8無法加載codepen界面。 –

@adeneo我覺得他想的jQuery的動畫作爲後備，不能同時。 –

您的問題是這一行：

$(this).animate({margin-top:'5px'},{queue:false,duration:500});

你要麼需要引用CSS值或使用首字母大寫：

$(this).animate({marginTop:'5px'},{queue:false,duration:500}); 
$(this).animate({'margin-top':'5px'},{queue:false,duration:500});

這幾乎適用於所有的CSS值與使用jQuery的動畫時，你爲什麼會需要CSS過渡連字符等

2012-10-28 20:02:16 adeneo

哦，是的，我明白了。你是對的。謝謝。出於興趣，**爲什麼是**？ –

@harley - 「爲什麼」是因爲沒有引號，'保證金top'是無效的Javascript代碼（它看到的連字符作爲一個減號，而不是屬性名稱的一部分）。 – Spudley

@harley CSS屬性暴露在駱駝套管和不帶連字符的屬性名稱的DOM。 –

回答