Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css将背景图像相乘,而不是一幅图像_Css_Image_Background - Fatal编程技术网

css将背景图像相乘,而不是一幅图像

css将背景图像相乘,而不是一幅图像,css,image,background,Css,Image,Background,我试图使用图像设置背景,但当我输入代码时,最终得到的是多幅图像,而不是一幅完整的图像,我无法发布图片,但以下是我在CSS中使用的代码: body { background-image:url(../images/kw4.jpeg);} 我不确定我做错了什么?如果你指的是同一图像在整个页面上的多个副本,那么这实际上不是一个bug。在CSS中指定背景图像时,浏览器将通过反复平铺相同的图像来自动填充页面 要防止这种情况发生,请添加 背景重复:不重复到您的CSS。这将只渲染一次图像。请尝试: body

我试图使用图像设置背景,但当我输入代码时,最终得到的是多幅图像,而不是一幅完整的图像,我无法发布图片,但以下是我在CSS中使用的代码:

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

我不确定我做错了什么?

如果你指的是同一图像在整个页面上的多个副本,那么这实际上不是一个bug。在CSS中指定背景图像时,浏览器将通过反复平铺相同的图像来自动填充页面

要防止这种情况发生,请添加

背景重复:不重复到您的CSS。这将只渲染一次图像。

请尝试:


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

body{background image:url(../images/kw4.jpeg)不重复;}
您可能还想使用
center
。背景图像的大小也很重要吗?如果您的背景图像足够大,可以覆盖整个浏览器窗口(宽度和高度>浏览器宽度和高度),则您的图像将不会平铺。但是,如果它的宽度或高度较小,则会平铺。使用
背景重复:不重复;
是您对不重复背景图像最安全的选择。我尝试了背景重复:不重复;但它只将图像放在我页面的一角,不会覆盖整个页面。Wou是我的其他css影响了背景代码吗?如果你想让图像覆盖整个页面,你可以将
背景大小:100%100%;
添加到css中。但是,请注意,这可能会扭曲你的图像。是否仍然可以将图像作为背景而不被扭曲?