11

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

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

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

4

4 回答 4

42

您应该使用的语法是

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

.. 或者

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

如果您更喜欢简写语法。

background-image总是只定义一个图像文件，因此在您的示例中，第二background-image条规则试图覆盖第一个规则，但由于“no-repeat”不是有效的图像文件，浏览器会忽略它。

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

于 2012-06-19T20:39:20.583 回答
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; }
于 2012-06-19T20:44:13.240 回答
1

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

于 2012-06-19T20:40:30.503 回答
-2

为了在 html 中不重复背景，请使用以下语法：CSS(Internal stylesheet) use this code in style tag in head part

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

- 它将提供单个视图的背景图像而无需重复。

于 2015-07-27T13:36:14.883 回答