以下版本適用於Chrome和Safari,但不適用於Firefox。任何想法爲什麼? http://codepen.io/cory/pen/dILyoCSS webkit-keyframes可在Chrome和Safari中使用,但不能在Firefox中使用?
-2
A
回答
4
您還沒有使用moz前綴(FF的舊版本)或非前綴版本的關鍵幀語法。
webkit的是一款Chrome/Safari瀏覽器(和Opera + 15)特定的瀏覽器選項:
+3
我會說:'-webkit -'僅用於Webkit(包括Opera 15+) –
+0
更新......謝謝。 –
+0
謝謝,那爲動畫部分工作。如果您不介意進一步幫助,您是否知道如何讓「環形」元素中的醜陋藍色圓圈像在Chrome/Safari上一樣出現? – user2489483
相關問題
- 1. .hide()函數可以在Chrome和Safari中使用,但不能在Firefox中使用
- 2. Flash可在Chrome Safari Firefox中使用,但不能在IE9中使用
- 3. 頁面可在IE和FF中使用,但不能在Chrome或Safari中使用
- 4. 在Chrome中使用HTML5元素但不使用Safari或Firefox?
- 5. 在Safari/Firefox和Chrome中不同的CSS
- 6. 從applet調用JS可在Firefox和Chrome中使用,但不能在Safari中使用
- 7. mp3播放器可以在Chrome和IE8中使用,但不能使用Firefox
- 8. JQuery CSS轉換在Chrome和Firefox中使用但不是IE
- 9. CSS邊距在Chrome和Safari中不起作用(適用於Firefox)
- 10. Javascript不能在Chrome或Firefox中使用
- 11. 在Firefox中使用地圖標記動畫但在Chrome/Safari中無法使用
- 12. Div在Chrome和Safari中不顯示,但在Firefox中顯示
- 13. CSS在Chrome中應用代碼,但不在Firefox和IE中使用?
- 14. CSS動畫在Safari中無法工作,但在Chrome和Firefox
- 15. jQuery UI在Firefox中工作,但不在Chrome和Safari中?
- 16. 如何使CSS填充工作在Chrome中但不在Firefox或Safari中?
- 17. JavaScript功能在Safari中可用,但在Firefox中找不到
- 18. 頁面上的錨點鏈接不能在Firefox或IE中工作,但可以在Chrome和Safari中使用
- 19. 在FireFox和Explorer中使用Cookie代碼但不使用Chrome
- 20. CSS動畫適用於Safari,但不適用於Firefox和Chrome
- 21. 爲什麼這個JavaScript css過濾器代碼可以在Firefox中使用,但不能在Chrome中使用?
- 22. 爲什麼在Chrome中可以使用,但在IE和EDGE中不能使用?
- 23. CSS3轉換(變換)在Firefox中不起作用,但在Chrome和Safari中
- 24. 爲什麼base標籤似乎可以在Opera和Chrome中使用,但在Firefox和IE中不能使用?
- 25. SVG動畫無法在IE9/IE10中使用,但可在Firefox和Chrome中使用
- 26. jQuery find()可以在Chrome和Firefox上使用,但不能使用IE
- 27. javascript在IE中可用,但不能在Firefox中使用
- 28. Carrierwave pdf to jpg thumbnail,可以在Safari + iOS或IE,Firefox,Chrome中使用,但不能同時使用
- 29. 網站不能在Firefox/Chrome中使用,但是在IE中使用
- 30. reCAPTCHA 2.0未出現在Safari中(在Edge,Chrome和Firefox中可用)
您沒有使用MOZ前綴或關鍵幀語法非前綴版。 ** webkit **是Chrome/Safari特定的瀏覽器選項:** https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes** –