背景图像的相对路径



我正在尝试在网站上获得背景图像,但无法获得相对路径正确。

下面是w3学校的通用代码:

<!DOCTYPE html>
<html>
<head>
<style>
body  {
background-image: url("paper.gif");
background-color: #cccccc;
}
</style>
</head>
<body>
<h1>The background-image Property</h1>
<p>Hello World!</p>
</body>
</html>

我试过用src代替url,但它不工作。

静态内容,如图像,css和脚本,通常放在文件夹中,如images文件夹或content/images文件夹等。如果这个文件夹和你的页面在同一个文件夹中,你可以引用./images/myimage.png或者../../images/myimage.png来回溯两个级别或者/content/images/myimage.png,如果它在根目录"content"文件夹。

这里的顺序很重要这就是为什么background-color会覆盖background-image所以你必须这样排序:

background-color: #cccccc;
background-image: url("./paper.gif");

相关内容

  • 没有找到相关文章

最新更新