Webkit的背景。

body {
    background-color: #FFF;
    background-image: url(bgsuper.jpg);
    -webkit-animation-name: animate;
    -webkit-animation-duration: 1.333s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}

@-webkit-keyframes animate {
from {
-webkit-transform: ease-in-out(0);
opacity: 0;
}
to {
-webkit-transform: ease-in-out(1);
opacity: 1;
} }

<img id=\"pseudo-background\" src=\"...\" alt=\"You need me\" />

background

<div>

<img src=\"...\" id=\"pseudo-background\" alt=\"foo\" />

I work, see!

@-webkit-keyframes animate {
from {
-webkit-transform: ease-in-out(0);
opacity: 0;
}
to {
-webkit-transform: ease-in-out(1);
opacity: 1;
} }

#pseudo-background {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -10;

    -webkit-animation-name: animate;
    -webkit-animation-duration: 1.333s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;

}