Css Div背景图像没有出现?已多次检查图像源

Css Div背景图像没有出现?已多次检查图像源,css,image,url,html,background,Css,Image,Url,Html,Background,我试图建立一个简单的div,我已经做了很多次了,但有些事情是错误的。。。这是我的一堆代码 要么我疯了,碰到了什么小毛病,要么在一天13个小时的课后,对我来说编码已经太晚了。。。请帮助我保持理智,帮助我走出困境!该图像在用作时工作,但在用作背景图像时工作:url(“图像”)在CSS中它不工作。。。?我需要它是一个按钮的背景去顶部没有问题!请帮助…如果url()内容是一个相对路径,它是从样式表位置的路径派生的。因此,如果样式表是/css/file.css,规则是url(image/filename

我试图建立一个简单的div,我已经做了很多次了,但有些事情是错误的。。。这是我的一堆代码


要么我疯了,碰到了什么小毛病,要么在一天13个小时的课后,对我来说编码已经太晚了。。。请帮助我保持理智,帮助我走出困境!该图像在用作
时工作,但在用作
背景图像时工作:url(“图像”)在CSS中它不工作。。。?我需要它是一个按钮的背景去顶部没有问题!请帮助…

如果
url()
内容是一个相对路径,它是从样式表位置的路径派生的。因此,如果样式表是
/css/file.css
,规则是
url(image/filename.png)
,它将在
/css/image/filename.png
中查找它。您可能应该为图像使用绝对路径。

您的
url(“images/map.png”)
文件路径假定您的
图像
文件夹与CSS文件位于同一文件夹中。如果不是这样,那么您的路径是不正确的。如果它<强>是< /强>,接下来我会尝试(但无论如何考虑)是使用<代码>背景:而不是<代码>背景图像:——这本身就是不提供有关其位置或是否要重复图像的任何信息。

您确定css文件位置的相对路径与img元素中的路径相同吗?真的吗。。?我想知道我以前怎么从来没有遇到过这个问题,但我最近才开始写代码,所以这只是我的第三个项目。我应该如何使用绝对路径?我目前将文件夹设置为。。。css、图像、js,然后是包含在常规文件夹中的main map.html。@绝对路径以斜杠开头(或是完全限定的url,如
http://example.com/
)嗯,我想那只是不是100%确定,那么,如果不将图像托管在服务器上,而只是在本地测试它,我该如何执行绝对路径呢?@psycicpanda在我的示例中,您可能错过了“或”,但是
url(/path/to/images/from/document/root/image.png)
是绝对路径绝对路径应该是
http://example.com/images/map.png
。但根据您的文件结构,您还可以将相对路径更改为
url(“../images/map.png”)
。这两个
。/
表示“上一个文件夹”。