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;
    }
}​