Question

我有这个问题，我在photoshop中有一个非常好的背景，当我在HTML <body background = "images/bg1.png">中设置为背景时，它在各处重复，看起来真的很迟钝。有谁知道如何阻止它这样做。

Answer 1

首先，您不应该将背景放在<body>标签上。自XHTML 1.0以来，这已被弃用。

所以为了帮助你，使用CSS并输入以下代码：

body {
    background: url('images/bg1.png') no-repeat center center fixed; // or scroll
}

根据您的代码和目的，这会将您的背景放在页面的中心并进行修复或滚动。

此外，如果您愿意，可以将background-size: 100%;用图像填充文档。它会被缩放，所以你会失去质量。我建议使用高分辨率图像作为背景。

Answer 2

CSS：

background-repeat:no-repeat;

Answer 3

使用不重复 CSS property：

<body style="background: url('images/bg1.png') no-repeat">