自定义404看起来不像它应该

时间:2012-08-22 15:40:35

标签: html css http-status-code-404 customization background-image

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

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

任何人都有任何想法如何解决这个问题?

5 个答案:

答案 0 :(得分:4)

使用CSS中URL的相对路径是个问题。例如......

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

尝试绝对......

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

修改 - 需要注意的其他内容......

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

答案 1 :(得分:1)

因为您已经为背景图像添加了相对路径,所以将其转换为绝对路径并且您将不再有问题

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

答案 2 :(得分:1)

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

答案 3 :(得分:0)

使用

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

而不是

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

答案 4 :(得分:0)

更改.oh

的css中的网址

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

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