Javascript 歌剧背景色问题

这个问题很难描述。 我有以下CSS部分作为网站的背景。它在右上角显示一个图像和渐变色背景

body{
    color: #000;
    font-family: Helvetica, Arial;
    background: rgb(84,84,84);
    background-color: #545454;
    background-image: url(../img/bg.png);
    background: url(../img/bg.png), -moz-linear-gradient(-45deg,  rgba(84,84,84,1) 0%, rgba(117,117,117,1) 34%, rgba(191,191,191,1) 64%, rgba(178,178,178,1) 100%);
    background: url(../img/bg.png), -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(34%,rgba(117,117,117,1)), color-stop(64%,rgba(191,191,191,1)), color-stop(100%,rgba(178,178,178,1)));
    background: url(../img/bg.png), -webkit-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(117,117,117,1) 34%,rgba(191,191,191,1) 64%,rgba(178,178,178,1) 100%);
    background: url(../img/bg.png), -o-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(117,117,117,1) 34%,rgba(191,191,191,1) 64%,rgba(178,178,178,1) 100%);
    background: url(../img/bg.png), -ms-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(117,117,117,1) 34%,rgba(191,191,191,1) 64%,rgba(178,178,178,1) 100%);
    background: url(../img/bg.png), linear-gradient(135deg,  rgba(84,84,84,1) 0%,rgba(117,117,117,1) 34%,rgba(191,191,191,1) 64%,rgba(178,178,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#b2b2b2',GradientType=1 );
    background-repeat:no-repeat;
}

这应该是正确的，因为它是用以下材料制作的：

因此，在每个浏览器中都有整个背景，显示图像和渐变，即使在Opera中，它实际上也可以工作，但底部缺少背景，只有页脚缺少背景。背景是白色的，萤火虫/蜻蜓不会让我关注它，尽管它仍然在我的身体和我的“网站”标签中

<div id="footer">
        <ul id="footermenu">
            <li class="section"><a onclick="lightbox_open();"><img src="img/socialmedia/sitenotice.png" /></a></li>
            <li class="section"><a href="#" target="_new"><img src="img/socialmedia/itunes.png" /></a></li>
            <li class="section"><a href="#" target="_new"><img src="img/socialmedia/soundcloud.png" /></a></li>
            <li class="section"><a href="#" target="_new"><img src="img/socialmedia/youtube.png" /></a></li>
            <li class="section"><a href="#" target="_new"><img src="img/socialmedia/twitter.png" /></a></li>
            <li class="section"><a href="#" target="_new"><img src="img/socialmedia/facebook.png" /></a></li>
        </ul>
</div>

#footer{
    width: 960px;
    margin: -10px auto 0;
    text-align: right;
}

#footermenu li{
    float: right;
    margin: 0px 5px 10px 5px;
}

CSS

---

你能做一个三明治吗？从你的消息来源，但它并没有真正表明什么。嗯，我以前从来没有这样做过，但我会尝试。或者你只是指一张截图，这样你就可以看到我的问题了？

if (window.opera){
    document.getElementById('html').style.backgroundColor = '#b2b2b2';
    document.getElementById('html').style.marginTop = '-10px';
}

html{
    background-color:inherit;
    margin-top:inherit;
}