2013-07-26 61 views
0

因此,我製作了一個嚴重依賴CCS3動畫的網站,我絕不會爲客戶做這件事,因爲我知道這是有風險的,但它只是一個我不介意的個人項目。CSS3動畫在XP中無法使用?

動畫在使用Windows 7的現代瀏覽器上運行良好,它們在使用Firefox時似乎可以在XP上運行,但它們在IE上完全不起作用,但它又是一個小型個人項目,所以我不介意。

現在,當在XP上使用最新的Chrome瀏覽器上的網站時,動畫工作但不正確。 當你點擊div時,div翻轉顯示信息,但在Chrome/XP上它只是翻轉div,但只顯示相同的div,只是向後而不是顯示其後的div。

另外,當使用Chrome/XP時,它顯示了一些向後加載網站的圖像,我認爲這是動畫顯示不正確。

您可以在這裏看到的網站:http://www.dansteeds.co.uk/awipmapv2/

任何幫助或信息是極大的讚賞。

+0

有什麼鍍鉻不可用:// GPU?對於'rotateX/Y',更改「正面和背面的z-index」是「更安全」的。 – Passerby

+0

我不會認爲它是'XP'這就是問題所在,它會成爲導致行爲的瀏覽器版本。 – H2ONOCK

+0

但它只發生在Chrome/XP上,我的意思是在一些較老的devix上它根本不起作用,但它仍能正確顯示原始內容,例如動畫在我的iPad 1/Safari上不起作用,但它仍然正確顯示原始圖像 – BoChiggedy

回答

0

Chrome使用gpu硬件加速渲染3d css。

在您的Chrome瀏覽器http://chrome://gpu中輸入以下URL並檢查3D CSS: Hardware accelerated。如果不是,它將使用一種準三維等軸投影。

我認爲您的瀏覽器可能會禁用硬件加速,導致您的動畫出現問題。

:)

+0

對,這對我來說都是新的,有問題的人說3D CSS不可用,所以這就是爲什麼它會混亂呢? – BoChiggedy