Question

我已经找到了与这个问题类似的每个问题的答案，但似乎没有任何效果。基本上我创建了一个测试文档来测试背景图像功能，因为它不能在我的主站点上运行。

HTML：

<!DOCTYPE html>
<html>
<head>
    <link href="styles.css" text="type/css" rel="stylesheet">
    <title>Test</title>
</head>
<body>
    This is a test.
</body>
</html>

CSS：

body {
background-image: url(image.jpg) no-repeat;
}

除了“这是一个测试”之外没有其他任何东西。我已经检查过图像是否与styles.css表位于同一个地方，它是。有人可以帮帮我吗？

Answer 1

您无法在背景图像中组合背景重复。

t-jquery

Answer 2

如果您使用不重复等，请使用背景background代替background-image

body {
   background: url(image.jpg) no-repeat;
}

Answer 3

根据W3 http://www.w3schools.com/cssref/pr_background-image.asp背景图片属性可以附加到正文标记。

你没有看到它的唯一原因是不重复在错误的地方 - 它是背景本身的属性，而不是背景图像。

所以这里是您应该使用的代码，您实际上不希望看到图像重复：

body {
   background-image: url("image.jpg");
   background-repeat: no-repeat;
}

Answer 4

您的图片网址非常重要：我希望能解决这个问题。

1-在自己的文件夹中：“。/ image.jpg”

2- in out文件夹：“../ image.jpg”

3-或根相对路径（例如asp.net）：“〜/ pictures / image.jpg”

4-或相对路径：“../ pictures / image.jpg”

body
{
   background-image: url(./image.jpg);
   background-repeat: no-repeat;
}

为什么我的背景图片根本不显示？

4 个答案: