Background size cover does not work with CSS anima

问题:

I tried to use CSS animation with background size cover ... but it seems that CSS animation override the "background-size:cover"

Visit jsfiddle.net/zNCY5/

回答1:

You need to put background-size: cover; in your @keyframes. Here is a fiddle: http://jsfiddle.net/Ex2mT/

@keyframes animation{   
    0%   {
        background:url(...) no-repeat top center fixed;
        background-size: cover;
    }
}

Repeat this for each percentage you have.