背景图像显示不正确[关闭]答案

【问题标题】：Background Image doesn't show right [closed]背景图像显示不正确[关闭]
【发布时间】：2013-05-08 14:41:44
【问题描述】：

我的背景图片导航栏没有正确显示。如果您注意到，导航栏的渐变不会正确显示。上半部分应该是浅灰色，下半部分应该是深灰色。当页面首次加载时，您可以看到它出现，但随后它全部变灰并失去渐变外观。

我的网站是usahvacsupply.com，我刚刚将背景图像编辑得更大，以适应 1600 宽度的分辨率。这是我的背景图片http://tinypic.com/view.php?pic=20ge8nl&s=5。任何帮助将不胜感激。

这是我的背景 css 代码。

html, body{
    margin: auto;
    background-image:url('/images/Testing1/bg2.jpg');
    background-repeat: no-repeat; 
    background-position:top center;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    min-width:1600px;
    min-height:1400px;
    top: 0;
    left: 0;
}

【问题讨论】：

标签： css colors background-image gradient

【解决方案1】：

删除 ID 为 lol 的 div 上的 float:left 似乎可以解决问题。

【讨论】：

谢谢rubelet，这似乎有效！

【解决方案2】：

您的表格元素#body 的背景遮住了渐变。删除它，背景中的渐变就会出现。

原创

#body {
    background-color: #F5F5F5;
    overflow-y: scroll;
}

修改

#body {
    overflow-y: scroll;
}

【讨论】：

感谢 Josh 这也有效！