【问题标题】:CSS background-image property not loadingCSS background-image 属性未加载
【发布时间】:2012-11-30 17:33:03
【问题描述】:

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

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

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

【问题讨论】:

  • 发布其余的 CSS。相关的 HTML 也会有所帮助。
  • @Andrew Charlton 是的,我的 div 设置了高度和宽度,问题只是我的路径没有针对文件所在的位置进行正确配置。

标签: image css


【解决方案1】:

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

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

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

【讨论】:

  • @Nate Koppenhaver,我很高兴能帮上忙。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-03-07
  • 1970-01-01
  • 2022-01-20
  • 2021-03-30
  • 2016-09-13
  • 2011-09-17
  • 2019-09-09
相关资源
最近更新 更多