0

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

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

任何人有任何想法我可以解决这个问题吗?

4

5 回答 5

4

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

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

试着让它绝对...

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

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

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

于 2012-08-22T15:43:34.743 回答
1

因为您为背景图像添加了相对路径,所以将其转换为绝对路径,您将没有更多问题

.oh {
   ...
   background-image: url('/assets/images/opacity.png');
   ...
}
于 2012-08-22T15:43:47.140 回答
1

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

于 2012-08-22T15:47:24.210 回答
0

利用

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

代替

background-image: url('assets/images/opacity.png');
于 2012-08-22T15:46:06.380 回答
0

更改css中的url.oh

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

url("/errors/assets/images/opacity.png");
于 2012-08-22T15:48:12.067 回答