相同的代碼，但在不同視圖中的行爲有所不同

Question

我創建了fiddle，它在我測試過的所有瀏覽器中均正常工作。 ¹

然而，當我嘗試the same fiddle in the whole page view（/show），小提琴突然開始做奇怪的事情，如一些動畫不動畫asexpected，這只是發生在Chrome瀏覽器（在Chrome 33測試）。

我很確定代碼是一樣的。

爲了確保它們使用相同的代碼，我訪問了the exact same URL of the preview window。但結果是一樣的。

這一直在擾亂我，我沒有看到任何原因導致這種行爲發生。

不包括Internet Explorer。

Answer 1

請嘗試以下操作： 1>前綴-webkit，-moz和-o for transformStyle：「preserve-3d」和透視圖：'150px'即-webkit-transform-style：preserve-3d和-webkit-perspective ：150px。我觀察你沒有這樣做

2>右鍵點擊鉻圖標 - >屬性 - >兼容性 - >禁用視覺主題，切換禁用視覺主題的值，並檢查您的動畫是否按預期工作。更改禁用視覺主題的值後，您需要重新啓動Chrome