background-image：no-repeat not working，语法正确

Question

以下是我用于背景图像的语法。出于某种原因，它重复 Y 。我无法使用overflow:hidden;

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

</style>

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

Answer 1

您应该使用的语法是

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

..或者

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

如果您更喜欢short-hand syntax。

background-image总是只定义一个图像文件，所以在你的例子中，第二个background-image规则试图覆盖第一个，但是因为＆＃34; no-repeat＆＃34;不是浏览器忽略的有效图像文件。

列出了各种背景属性here以供参考。

Answer 2

background属性有一些您可以更改的属性。

• 背景颜色
• 背景图像
• 背景重复
• 背景附件
• 背景位置

您可以单独设置每个，就像您要尝试的那样。如果您将相同的设置为两次，则只有最后一个生效。

您要将background-image设置两次，而第二个应该是background-repeat。

还有一种简写符号表示您执行类似

的操作

background:#ffffff url('img_tree.png') no-repeat right top;

在一行中设置多个属性。您可以使用它将代码更改为

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

Answer 3

您可以使用background-repeat:no-repeat;

Answer 4

为了在html中不重复背景，请使用以下语法：  CSS（内部样式表） 在头部

中的样式标签中使用此代码

background-image:url("some picture url");
background-repeat:no repeat;

- 它将提供单一视图的背景图像而不重复。