html – background-image：no-repeat not working,语法正确

下面是我用于背景图像的语法.由于某种原因它在Y上重复.我不能使用overflow：hidden;

<style>
body{background-image:url('<?PHP echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;}

</style>

我希望背景图像在x和y上不重复.

解决方法

你应该使用的语法是

background-image: url(path/images/backgroundimage.jpg);
background-repeat: no-repeat;

..或者

background: url(path/images/backgroundimage.jpg) no-repeat;

如果您更喜欢short-hand syntax.

background-image总是只定义一个图像文件,所以在你的例子中,第二个背景图像规则试图覆盖第一个,但由于“no-repeat”不是有效的图像文件,浏览器只是忽略它.

各种背景属性列于here以供参考.

原文地址：https://www.jb51.cc/html/225445.html