我知道有很多这样的帖子,但我真的找不到解决我问题的答案。
我真的想让我的CSS 3.0经过验证,我不知道怎么做,特别是在开始时那些解析错误。我检查过任何看不见的字符,但没有找到任何字符。
所以我的问题是那些解析错误的原因是什么?
另外我明白,如果我想提供浏览器的兼容性,我无法摆脱这个错误:
Sorry, the at-rule @-moz-keyframes is not implemented.
但主要的问题是关于解析错误,我不知道如何删除以及它为什么存在。
编辑解决方案:
你的回答和一点点测试让我得到了最终答案:
- 供应商扩展只是警告,但不是关键帧(我认为此功能是新的)
- 解析错误仅仅是因为上述结论(关键帧扩展)
- 我还使用了@ -webkit-keyframes Kami给出的解决方案,并将所有动画放在单独的vendor.css中,我已经在javaScript的帮助下链接到html。
现在一切都在验证它应该是。
答案 0 :(得分:1)
Firefox不使用前缀版本,只使用@keyframes
用于firefox,但仍然-webkit-
用于chrome,safari和opera。看看usability @caniuse.com。
答案 1 :(得分:1)
@-moz-keyframes
,@-webkit-keyframes
是浏览器供应商实施的专有CSS功能(旁注:-moz
,-webkit-
称为供应商前缀。)他们认为这么新,他们还没有正式纳入W3 CSS3规范。这就是验证者为您提供此类错误的原因 - 它还不了解@-____-keyframes
。从本文开始,将来可能会有官方的@keyframes
支持。