CSS乘以背景图像而不是一张图像答案

【问题标题】：css multiply background image instead of one imageCSS乘以背景图像而不是一张图像
【发布时间】：2014-04-01 08:39:35
【问题描述】：

我正在尝试使用图像来设置背景，但是当我输入代码时，我最终得到的是多个图像而不是一个完整的图像，我无法发布图片，但这是我在 CSS 中使用的代码：

body { background-image:url(../images/kw4.jpeg);}

不确定我做错了什么？

【问题讨论】：

【解决方案1】：

如果您指的是同一图像在整个页面上的多个副本，那么这实际上并不是一个错误。当您在 CSS 中指定背景图片时，您的浏览器会自动通过平铺相同的图片来填充页面。

为防止这种情况发生，请添加

background-repeat: no-repeat; 到您的 CSS。这只会渲染一次图像。

【讨论】：

背景图片的大小也很重要吗？
如果您的背景图片足够大以覆盖整个浏览器窗口（宽度和高度> 浏览器宽度和高度），那么您的图片将不会平铺。但是，如果它在宽度方面或高度方面都较小，那么是的，它将平铺。使用background-repeat: no-repeat; 是非重复背景图片的最安全选择。
我尝试了 background-repeat: no-repeat;但它只将图像放在我页面的角落并没有覆盖整个页面。会不会是我的其他css影响后台代码？
如果你想让图片覆盖整个页面，你可以在CSS中添加background-size:100% 100%;。但是请注意，这可能会扭曲您的图像。
有没有办法让图片作为背景而不失真？

【解决方案2】：

试试：

body { background:url(../images/kw4.jpeg) 不重复；}

【讨论】：