css - HTML 背景重复

Question

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

score 4 · Accepted Answer

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

因此，为了帮助您，请使用 CSS 并输入以下代码：

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

这会将您的背景放置在页面的中心并修复它或让它滚动，具体取决于您的代码和目的。

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

score 2 · Accepted Answer

2

CSS：

background-repeat:no-repeat;

于 2012-08-19T19:18:21.153 回答

score 2 · Accepted Answer

2

使用无重复 CSS 属性：

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

于 2012-08-19T19:18:30.507 回答

3 回答 3