背景图片上的图像

我需要帮助，迄今为止我没有找到任何正确的答案。我想在我的网站上制作背景图像，它的宽度和高度都足以响应任何分辨率，并且没问题，但问题是当我放置其他图像时（我有7张图像覆盖背景图像）。我把它们放在一起，并设置了每个分辨率的媒体查询，只有在全屏时才可以，但是当我在浏览器中定期查看地址栏和书签栏时，它全部出现混乱，甚至我的背景图片不再是全宽和高。对不起，英文不好。背景图片上的图像

CSS身体：

body { 
    background-image: url('images/background1.jpg'); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-attachment: scroll; 
    background-size: 100% 100%; 
    height: 100vh; 
    margin: 0px; 
}

然后，我把我的图片以及与融资融券 - 左，右，底部，顶部的地方他们在媒体查询不同的屏幕分辨率。

我是否需要为图片或其他内容设置适当的位置？请给我一个提示。

编辑：

This is what I get in fullscreen and it is ok

But this is when is not fullscreen

所有相同，除了条带的图像，那些是背景图像的部分。图像只有边缘样式，没有别的。他们在浮动风格的div。

来源

2016-05-13 G. Odzo

您提供的代码不足以重现您的问题。请提供更多（包括HTML）或分享当前行为和期望结果的屏幕截图。 – Aziz

尝试将背景大小设置为“覆盖”而不是100％100％。您可能还想为您的作品制作一个codepen /小提琴，以便我们看到发生了什么的例子？ –

我编辑了我的帖子。 –

，使背景图像响应最简单的方法是这样的：

img{ 
    background-image: url('.../your-image.jpg'); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}

来源

2016-05-13 10:00:45

全屏或没有图像都可以，但是当我放入图像并且它不是富丽图像（带有地址栏或书签栏）时，我的背景图片更小，图像就像我第一篇文章的第二张截图中所示。 –

背景图片上的图像

回答

相关问题