html - 正文元素中的图片 : url issues?

Question

我正在尝试使用 CSS 显示背景图片，但它似乎不起作用。 CSS 文件正确链接到 HTML，因为我可以在 CSS 中将 body 元素的颜色设置为蓝色。到目前为止，这是我的代码:

body {
    width: 960px;
    height: 960px;
    margin: auto;
    background-image: url("assets/images/funky-line.png");
}

Answer 1

您指定的路径意味着assets文件夹与CSS文件在同一个目录下。我认为 assets 文件夹在根文件夹下，不是吗？在这种情况下，在路径的开头添加正向斜线 /:

background-image: url("/assets/images/funky-line.png");

另外，这样定义body的大小也很奇怪。如果要定义背景图像的大小并使其居中，请替换这些行:

width: 960px;
height: 960px;
margin: auto;

有了这些:

background-size: 960px 960px;
background-position: center center; /* center top, to only center it horizontally */