相同的代碼，但在不同的視圖中表現不同

Question

我創建了一個小提琴 ，它在我測試過的所有瀏覽器中都可以正常工作。 ^1個

但是，當我在整個頁面視圖 （ /show ）中嘗試相同的小提琴時 ，小提琴突然開始做一些奇怪的事情，例如某些動畫沒有按預期進行動畫處理，而這僅在Chrome（在Chrome 33上進行了測試）上發生。

我很確定代碼是相同的。

為了確保他們使用的是相同的代碼，我訪問了與預覽窗口完全相同的URL 。 結果是一樣的。

這一直困擾着我，我看不到任何導致此行為發生的原因。

¹ Internet Explorer除外。

Answer 1

嘗試以下操作：1> prefix -webkit，-moz和-o表示transformStyle：“ preserve-3d”和透視圖：“ 150px”，即-webkit-transform-style：preserve-3d和-webkit-perspective：150px。 我觀察到您還沒有這樣做

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