html - 如何淡入CSS中指定的背景图像？

Question

我已经使用 CSS 指定了背景图像。

我尝试在我的选择器中使用关键帧和 webkit、moz 和 o 声明来让它在加载时淡入 。到目前为止，这似乎对我有用，但它只适用于整个页面，而不仅仅是 ID。它还会导致整个页面的边距...

有没有人有任何建议或解决方案？

#containerback {
    background-image: url(images/homebackground.png);
    background-attachment: inline;
    background-repeat: no-repeat;
    background-position: right top;
    overflow: hidden;
    height: 802px;
    width: 1440px;
    display: fixed;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s; 
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​