Div背景图像没有出现？图片来源已被多次检查

我想设置一个简单的div，我已经在过去做了很多次，但是出现了问题......这里是我的代码小提琴。Div背景图像没有出现？图片来源已被多次检查

http://jsfiddle.net/psychoticpanda/HTtRs/

要么我要疯了，打的东西毛刺或为时已晚，我上课的13小时一天后的代码......请帮我觉得理智和帮助我！当它用作<img src="(IMAGE)" />但是当我在CSS中使用它作为background-image: url("image");时它不起作用...？我需要它成为按钮的顶部没有问题的背景！请帮助...

来源

2013-05-01 psychoticpanda

你确定css文件位置的相对路径与img元素中的相同吗？ – 2013-05-01 03:43:39

如果url()内容是相对路径，则它是从样式表位置的路径派生的。所以如果你的样式表是/css/file.css而规则是url(image/filename.png)它会在/css/image/filename.png中查找它。你应该使用图像的绝对路径。

来源

2013-05-01 03:44:49

真的..？不知道我以前从未遇到过这种情况，但最近我刚刚开始编写代码，所以这只是我的第三个项目。我将如何使用绝对路径？我目前已将我的文件夹设置为... css，images，js，然后将main.html包含在常规文件夹中。 – psychoticpanda 2013-05-01 03:48:18

@psychoticpanda绝对路径以斜杠开头（或者是一个完全合格的url，例如'http：// example.com /'） – 2013-05-01 03:49:43

嗯我认为它不是100％确定的，所以我怎么去在没有托管在服务器上的图像的情况下做一个绝对路径，只是为了现在在本地测试它？ – psychoticpanda 2013-05-01 03:50:37

您的文件路径url("images/map.png")假定您的images文件夹与CSS文件位于同一文件夹中。如果不是这样，你的路径是不正确的。如果它是是这种情况下，我想尝试的下一件事（但无论如何考虑）是使用background:而不是background-image:--它本身并没有提供任何关于它的定位或者你是否想要的信息图像重复。

来源

2013-05-01 03:48:31

Div背景图像没有出现？图片来源已被多次检查

回答

相关问题