Question

我正在尝试使用以下代码通过CSS设置页面的背景图像，但不显示任何图像。图像将在页面上平铺，大小仅为10x10px。尽管如此，它仍然没有出现。请你告诉我我做错了什么？

<body>
    <div id="background"></div>
</body>


#background {
background-image: url("img/background.png");
}

Answer 1

linkToCssFolder/img/background.png中的图片是？ 图片路径相对于您的CSS文件。

此外，您的#background div是否包含内容？如果没有，它可能具有默认的0px高度，并且不显示任何背景。

Answer 2

你也需要给出元素尺寸......

#background {
   width: 10px;
   height: 10px;
}

背景图片不能使其容器伸展以适应。

Answer 3

这是list of all CSS keywords

只是在http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background_multiple尝试了这个并且它有效。

我假设您的图片不在正确的位置，或者背景属性是由样式或其他css规则覆盖的。

Answer 4

由于缺乏适当的关注而只是感到疲倦，因此css和html的这种毫不费力的事情经常被人忘记甚至专业。如果你知道它只是休息了一段时间。

如果你迷失在网页设计树中，这里有一些提示。

检查文件是否存在，文件类型和浏览器中文件的支持
如果您在线，请检查目录，您可以放置文件的所有URL，如果您的css和图像文件位于不同的目录级别，则使用“../”。
检查语法。
休息，小睡或喝杯咖啡。

Answer 5

首先检查您的CSS和图像位置 1）两者都在同一个文件夹中，然后简单地尝试“ background-image：url（“ background.jpg”）“。 2）如果您在该文件夹中有img文件夹和图像，请尝试“ background-image：url（“ img / background.jpg”）;“ 3）如果您有img文件夹，如果您有CSS文件夹，则必须退后一步，然后转到图像文件夹并选择图像，看起来像这样的“ background-image：url（“ ../ img / background.jpg” ）;“其中'..'代表后退

Answer 6

#background {background-image: url("img/background.png"); height:300px;}

在CSS中添加height元素

Answer 7

另一个错误来源可能来自图像扩展名，例如：背景图片：url("img/background.png")

图片名称必须是“background”而不是“background.png”
图片“背景”必须是 PNG，而不是其他图片类型（如 JPG）

Answer 8

嗨，

要获取图像，您必须想象自己在终端机（或cmd提示符）中，并按照获取图像的方式进行书写。

因此，我们假设您的css文件为/ css /，而您的图片位于/img/background.png。

要获取图像，您必须编写此代码background-image: url("../img/background.png");

这是因为在terminal / cmd提示符下从.css文件获取图像时，您将首先键入cd ..，然后键入cd img，然后键入background.png。希望对您有帮助！

干杯！

无法在css中设置背景图像

8 个答案: