为什么 url() 函数的绝对路径不起作用?

亚历克·麦凯

我正在尝试通过 CSS 在网站的背景上显示图像。我希望将图像保存在与 CSS/HTML 文件不同的文件夹中。图像仅显示,如果我将其与 CSS/HTML 文件放在同一文件夹中,并且仅引用其名称。

代码在C:\Users\User\Desktop\project\templates,图片在C:\Users\User\Desktop\project\pictures如果我尝试使用绝对路径,它将不会显示。仅当我将图片放在模板文件夹中时才会显示。

<!--This code works if I place the picture in the template file-->

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("picture.png");
}
</style>
</head>
</html>

<!--This code doesn't work-->

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("C:\Users\User\Desktop\project\pictures\picture.png");
}
</style>
</head>
</html>
普拉迪格·格鲁尔

使用这个css

Body{

background-image: url("../pictures/picture.png")
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我可以在 XAML 中检索具有绝对路径的图像,但它在代码后面不起作用?

有什么方法可以在FTP URL中指定绝对路径?

为什么url重写不起作用?

为什么corebuild无法使用绝对路径?

为什么不能从绝对路径进行构建?

为什么“ ln”命令需要绝对路径?

为什么盘符的绝对路径等于工作目录?

为什么URL参数不起作用重写URL htaccess?

为什么可以在MacVim上使用相对路径和绝对路径?

为什么本地文件中的相对路径被转换为绝对路径?

在 CLI 中执行时,Symfony `url()` Twig 函数如何确定绝对路径?

为什么URL Hepler在测试中不起作用?

为什么@ node.Url不起作用?

为什么htaccess URL重写规则不起作用?

为什么我的Selenium URL_to_be语句不起作用?

为什么背景: url(local.png) 不起作用

HTML中的绝对路径不起作用

Crontab的绝对路径不起作用

获取java中URL的绝对路径

robots.txt并禁用绝对路径URL

如何从Elm中的绝对路径创建URL

为什么相对图像路径解析为绝对路径?

WPF - 我的相对路径在我的 XAML 界面中不起作用,为什么?

为什么相对路径在Ruby中不起作用要求

为什么Firefox不使用本地绝对路径中的CSS?

即使我通过-C更改为dir,为什么tar也使用绝对路径?

为什么yocto bblayers.conf文件使用绝对路径?

为什么 System.getenv("HOMEPATH") 在 Windows 上返回的不是绝对路径?

Typescript / Electron / Webpack模块如何/为什么具有绝对路径?