无法在css中设置背景图像

Question

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

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


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

Answer 1

图像在linkToCssFolder/img/background.png吗？图像路径与CSS文件相关.

另外,你的#backgrounddiv有内容吗？如果没有,它可能具有默认0px高度,而不显示任何背景.

因此,如果您的CSS文件不在根目录(/mystylesheet.css)中,那么您需要相应地更改路径.例如:/styles/mystylesheet.css将使用`url(../ img/background.png)`. (3认同)
如果您的 CSS 位于其自己的文件夹中，您应该尝试将其更改为 `background-image: url("../img/background.png");`。 (2认同)