自定义 404 看起来不像它应该的那样答案

【问题标题】：Custom 404 doesn't look like it's supposed to自定义 404 看起来不像它应该的那样
【发布时间】：2012-08-22 15:40:34
【问题描述】：

我设计了自己的 404 错误，您可以在此处找到： http://www.ianbauters.be/errors/404.html（这个有效）

但是，当我通过转到http://www.ianbauters.be/qsdfhj 触发 404 时，除了我使用的橙色背景图像之外，一切都在那里。

有人知道我该如何解决这个问题吗？

【问题讨论】：

【解决方案1】：

在 CSS 中使用 URL 的相对路径是个问题。比如……

url('assets/images/opacity.png')

试着让它绝对...

url('/errors/assets/images/opacity.png')

编辑 - 其他需要注意的...

通过<style> 标签在CSS 中使用url 时，相对路径将始终相对于当前页面位置。通过<link> 标记和.css 文件在CSS 中使用url 时，路径将相对于.css 文件的位置。

【讨论】：

【解决方案2】：

因为你已经为背景图片添加了一个相对路径，把它变成绝对的，你就没有更多的问题了

.oh {
   ...
   background-image: url('/assets/images/opacity.png');
   ...
}

【讨论】：

【解决方案3】：

如果你使用firebug查看这两个页面，你会注意到第二页的错误，它正在从http://www.ianbauters.be/assets/images/opacity.png加载图像但正确的网址是http://www.ianbauters.be/errors/assets/images/opacity.png，只需使用整个网址

【讨论】：

【解决方案4】：

使用

background-image: url('/errors/assets/images/opacity.png');

而不是

background-image: url('assets/images/opacity.png');

【讨论】：

【解决方案5】：

将css中的url改成.oh

来自

url("assets/images/opacity.png")

到

url("/errors/assets/images/opacity.png");

【讨论】：