Php CSS图像不'；t型罩屏

我有一个网站，我有一个图像，我想涵盖我的整个屏幕宽度明智

这是我的css：

            .header {
            background-image:url('images/header.png');
            height: 120px;
            width: 100%;
            position: absolute;
            left: 0;
            z-index:1;          
        }

我的错误是，如果我调整浏览器窗口的大小，使它有一个滚动条，然后向右滚动，我的图像在某一点后停止绘制。图像似乎绘制了窗口的100%宽度，但如果某些窗口不可见，则不适用，仅通过使用滚动条

我该如何解决这个问题？以下是我的问题的图片：

向右滚动前的屏幕边缘：

滚动后的屏幕边缘：

---

使用

背景尺寸：封面和
背景重复：无重复

.header {
        background-image:url('images/header.png');
        background-size:cover;
        background-repeat:no-repeat;
        height: 120px;
        width: 100%;
        position: absolute;
        left: 0;
        z-index:1;          
    }

当前，您没有告诉背景图像“拉伸”，因此背景图像在其原始尺寸中保持固定

您还有另一个问题-您的html css属性未设置为宽度：100%；您的bootstrap.css正在覆盖它。
因此，您的header元素延伸到html元素的100%，而不是屏幕宽度的100%

查找本地css并添加（或编辑）当前html和正文规则：

html,body {
    width:100%;
    margin:0;
    padding:0;
}

确保它在引导css之后加载（因此覆盖bootstrap.css）

如果仍然存在问题，请尝试使用

宽度：100%！重要的

就一般知识而言，我建议使用浏览器内置的inspector工具（或FireBug）查看屏幕上的元素及其动态css值

希望这有帮助
 嗯，我输入了你的代码，但我还是有同样的错误@user3130731您可以设置JSFIDLE或发送到您站点的链接吗？www.rune-shadows.com是我的站点。若要重新创建错误，请在没有底部滚动条的情况下调整屏幕大小，然后向右移动，顶部图像将被切断。@user3130731我能够重现错误。这不是一个bug，看看我修改过的答案。我把我的body{}改成了这个body{background image:url（'images/background.png'）；宽度：100%；边距：0；填充：0；}它不起作用，我不知道该怎么做，我还做了宽度：100%！重要的；