爲什麼這個CSS3動畫不能在Safari和Chrome中使用？

我使用了-webkit-東西，並且由於某種原因它沒有動畫，即使在Firefox中使用-moz-前綴的相同代碼也是如此。爲什麼這個CSS3動畫不能在Safari和Chrome中使用？

背景是爲了向下滑動，然後背景變化&新的動畫應該開始。新的動畫是相同的，背景滑入，然後滑出盒子，然後新的動畫再次進入。

只需使用各處的像素而不是混合百分比和像素。由於元素具有固定的高度，所以這不應該成爲問題。請參閱http://jsfiddle.net/6sQTJ/5/瞭解一個工作示例。（PS它會很好，如果你添加的部分代碼不起作用的問題） – Gerben

@Gerben哇所以這是因爲％和像素混合。那是沒有用的代碼......（它在firefox中使用-moz-animation和@ -moz-keyframes），但它在-webkit瀏覽器中沒有動畫。 – user1275136

@Gerben，但現在很好，謝謝:) – user1275136

正確答案，通過@Gerben給，是你不能用像素「PX」在CSS3動畫位置混合成倉位。儘管它可以在FireFox中運行，但它在其他一些支持CSS3動畫的瀏覽器中不起作用。

2012-05-23 14:29:48 user1275136

回答