0

这是浏览器最小化且窗口尚未向右滚动时的屏幕截图。 在此处输入图像描述

灰色的标题栏看起来很整洁，但是当我向右滚动时请注意。

在此处输入图像描述

当我向右滚动时它结束。这已成为移动设备上的噩梦。

这是#header的css

#header {
    background-color: rgb(227,227,227);
    background-color: rgba(227,227,227,1);
    border-bottom: 1px solid #e6e6e6;
    padding: 27px 0;
}

我尝试了许多更改，例如 repeat-x 和用图像替换颜色，但没有任何效果。我能得到答案吗？

4

3 回答 3

2

尝试这个。

#header{
    background: #E3E3E3;
    border-bottom: 1px solid #E6E6E6;
    padding: 27px 0;
    width:100%;
}
于 2013-10-30T11:05:49.290 回答
0

试试这个全屏 CSS 技术：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
于 2013-10-30T11:03:16.857 回答
0

施瓦鲁普，

您可以粘贴完整的html代码吗？看起来父元素（包含元素）中的某些东西正在改变背景的属性。

如果 #header 不包含在任何内容中，它将默认为其内部的宽度（可能不是 100%）。所以添加 100% 属性，它将在宽度上拉伸全屏。如果它仍然没有在任何时候延伸到整个屏幕，这意味着该元素周围的某些东西正在阻止它扩展。

谢谢斯瓦鲁普，

亚伦

于 2013-10-30T11:10:44.080 回答