我设计了自己的404错误,您可以在此处找到: http://www.ianbauters.be/errors/404.html(这个有效)
但是当我通过前往http://www.ianbauters.be/qsdfhj触发404时,除了我使用的橙色背景图像外,一切都在那里。
任何人都有任何想法如何解决这个问题?
答案 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
这
url("assets/images/opacity.png")
到
url("/errors/assets/images/opacity.png");