我正在网站上工作,目前正在主页上。我有一个以前编写的CSS标题,并希望用图像替换标题<div>
的背景而不是纯色,就像在前面的设计中一样。我在img/header.jpg
目录中有一个标题图像。我正在使用background-image
属性加载背景图像,如下所示:
background-image: url(img/header.jpg)
问题是,它没有加载图像,背景只是银色(这是<body>
的背景设置)。
谁能告诉我这里我做错了什么? (我正在测试它的浏览器是IE8,如果它可能与它有任何关系:)
答案 0 :(得分:11)
如果这是在单独的CSS文件中,请注意url应该相对于此CSS文件的位置。因此,例如,如果您的CSS文件位于~/styles/main.css
,则规则应为:
background-image: url('../img/header.jpg')
假设图片位于~/img/header.jpg
。