CSS background-image属性未加载

时间:2011-05-02 21:52:38

标签: image css

我正在网站上工作,目前正在主页上。我有一个以前编写的CSS标题,并希望用图像替换标题<div>的背景而不是纯色,就像在前面的设计中一样。我在img/header.jpg目录中有一个标题图像。我正在使用background-image属性加载背景图像,如下所示:

background-image: url(img/header.jpg)

问题是,它没有加载图像,背景只是银色(这是<body>的背景设置)。
谁能告诉我这里我做错了什么? (我正在测试它的浏览器是IE8,如果它可能与它有任何关系:)

1 个答案:

答案 0 :(得分:11)

如果这是在单独的CSS文件中,请注意url应该相对于此CSS文件的位置。因此,例如,如果您的CSS文件位于~/styles/main.css,则规则应为:

background-image: url('../img/header.jpg')

假设图片位于~/img/header.jpg