at-rule @ -webkit-keyframes未实现

时间:2014-02-25 15:19:21

标签: html css css3 keyframe

当我使用W3C CSS验证器时,我收到此错误:

  

at-rule @ -webkit-keyframes未实现

我的CSS看起来像这样:

.sample{

    width:20%;
    float:left;
    clear:none;
    margin:0 3.6% 3.5% 0;
    }

.samplebottom{

    width:100%;
    float:left;
    height:65px;
    }
.samplebottom h3{

    float:right;
    clear:both;
    margin:5px 0 0 0;
    color:#000;
    font:15px "B Nazanin";
    font-weight:bold ;
    }
.sampa{ 

    float:right;
    width:100%;
    clear:both;
    color:#999 !important;
    font:13px arial;
    }
.tpl6 .bg{

    height:100%;
    width:100%;
    background:url(../images/bg13.png) repeat;
    text-align:center;
    border-radius:5px;
}

.tpl6 .bg img {

    width:20%;
    float:right;
    margin:68% 40% 0 0;
    }

.he-wrap{

    position:relative;
    display:inline-block;
    }

.he-view,.he-zoom{

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    visibility:hidden
    }

.he-view-show{

    visibility:visible
    }

.a0{

    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:.6s;
    -moz-animation-duration:.6s;
    -ms-animation-duration:.6s;
    -o-animation-duration:.6s;
    animation-duration:.6s
    }

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}


.fadeIn{

    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn
    }

and the error is about these codes : 

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

如何更正验证错误?

1 个答案:

答案 0 :(得分:0)

像这样的前缀不在W3C规范中,并且它们是特定于浏览器的,因此在运行W3C验证时总是会有这样的东西。任何特定于浏览器的css hacks都是如此。