我设计了自己的 404 错误,您可以在这里找到: http ://www.ianbauters.be/errors/404.html (这个有效)
但是当我通过访问http://www.ianbauters.be/qsdfhj触发 404 时,除了我使用的橙色背景图像之外,一切都在那里。
任何人有任何想法我可以解决这个问题吗?
我设计了自己的 404 错误,您可以在这里找到: http ://www.ianbauters.be/errors/404.html (这个有效)
但是当我通过访问http://www.ianbauters.be/qsdfhj触发 404 时,除了我使用的橙色背景图像之外,一切都在那里。
任何人有任何想法我可以解决这个问题吗?
在 CSS 中使用 URL 的相对路径是个问题。例如...
url('assets/images/opacity.png')
试着让它绝对...
url('/errors/assets/images/opacity.png')
编辑- 其他需要注意的事情......
url
通过标签在 CSS 中使用时<style>
,相对路径将始终相对于当前页面位置。通过标签和文件url
在 CSS 中使用时,路径将相对于文件的位置。<link>
.css
.css
因为您为背景图像添加了相对路径,所以将其转换为绝对路径,您将没有更多问题
.oh {
...
background-image: url('/assets/images/opacity.png');
...
}
如果您使用 firebug 查看这两个页面,您会注意到第二页上的错误,它正在从http://www.ianbauters.be/assets/images/opacity.png加载图像, 但正确的 url 是http://www .ianbauters.be/errors/assets/images/opacity.png,只需使用整个网址
利用
background-image: url('/errors/assets/images/opacity.png');
代替
background-image: url('assets/images/opacity.png');
更改css中的url.oh
从
url("assets/images/opacity.png")
至
url("/errors/assets/images/opacity.png");