背景图像不起作用答案

【问题标题】：background-image not working背景图像不起作用
【发布时间】：2023-03-03 02:10:01
【问题描述】：

我的 HTML 中有这个，除了 background-image: 'images/Header.jpg'; 相反，我在标题中看到灰色而不是图像。我尝试删除灰色但仍然看不到图像...

#outerWrapper #header {
border-bottom: solid 1px #628152; 
font-size: 18px;
font-weight: bold;
line-height: 15px;
height: 115px;
background-color: Grey;
background-image: url('images/Header.jpg');

我怎样才能使这项工作..请帮助..谢谢

【问题讨论】：

标签： asp.net html css background

【解决方案1】：

尝试将 url 更改为 '/images/Header.jpg'

【讨论】：

可能是主机没有配置静态内容
@AlexNguyen ：我不是要移动文件，而是要移动它的引用。将此：url('images/Header.jpg'); 更改为：url('/images/Header.jpg');
这对我有用，谢谢@Mark！哈，相对路径只需要在前面加上/。

【解决方案2】：

确定需要 ' 字符吗？也许它是区分大小写的，你的 url 有错误.. 也许background-image:url(images/header.jpg);

【讨论】：

【解决方案3】：

你的CSS文件的路径和图片的路径是什么？

您必须考虑到，在 CSS 中使用 url() 时，路径是相对于 CSS 文件，而不是相对于请求的页面。

假设您有以下文件：

/website/index.html
/website/templates/main.css
/website/images/header.jpg

CSS 必须是：

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */

【讨论】：

【解决方案4】：

使用 Firefox 的 Firebug 查看您的页面。您可能没有正确加载图像。如果这是您的问题，您还可以随时使用 css。

【讨论】：