2

CSS3 の検証中に、私の Web サイトで次のエラーが表示されることがあります。

申し訳ありませんが、@-moz-keyframes ルールは実装されていません

以下は CSS コードです。

16行目:

@-moz-keyframes spin {
    0% {
        -moz-transform:rotate(0deg)
    }
    100% {
        -moz-transform:rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(359deg)
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform:rotate(0deg)
    }
    100% {
        -ms-transform:rotate(359deg)
    }
}
@keyframes spin {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(359deg)
    }
}
.fa-rotate-90 {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}

これはどのような CSS 検証エラーであり、このエラーのより良い解決策は何かを知りたいです。

4

1 に答える 1

3

caniuseによると、-moz-animation(および対応する@-moz-keyframes) は Firefox 5-15 で使用されていました。

ほとんどの場合、あなたが使用しているバリデーターは、実質的にすべての深刻なユーザー (少なくとも 99.65%の Firefox ユーザー、さらには全体の範囲でそれ以下) が Firefox 15 よりも最新の Firefox を使用することを (正しく) 想定しています。

その結果、「エラー」を削除したい場合は、省略しても安全です。

于 2014-09-15T05:38:43.233 に答える