Question

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

我的网站是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;
}

Answer 1

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

Answer 2

您的表格元素#body的背景会遮挡渐变。将其删除并显示背景中的渐变。

原始

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

修饰

#body {
    overflow-y: scroll;
}

背景图像显示不正确

2 个答案: