避免CSS背景重复

避免CSS背景重复,css,Css,我疯狂地搜索了一下,发现我需要使用backgroundrepeat属性,但由于某些原因,它对我不起作用。我肯定我只是犯了一个愚蠢的错误,但我一辈子也弄不明白 提前谢谢 body { background-image: url('../images/main_bg.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; } 您的代码似乎正常工作,您在哪里看到重复

我疯狂地搜索了一下,发现我需要使用backgroundrepeat属性,但由于某些原因,它对我不起作用。我肯定我只是犯了一个愚蠢的错误,但我一辈子也弄不明白

提前谢谢

body {
background-image: url('../images/main_bg.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

您的代码似乎正常工作,您在哪里看到重复发生(或者您有更多的代码可以触发重复)?
我看不出有什么问题:

注:


-应该行。

如果行得通,你能试试吗?

背景:url(images/main\u bg.png)不重复

您有我们可以测试的样式表吗?这是您的整个样式表吗?浏览器F12工具说明最终计算的属性值是什么?您所做的看起来是正确的<代码>背景重复:不重复对你有用。如果它没有发生,那么就做一个jsfiddle来告诉我们。
background-repeat:no-repeat;