如何让 CSS 在 404 错误页面上工作？答案

【问题标题】：How to Make CSS Work on 404 Error Page?如何让 CSS 在 404 错误页面上工作？
【发布时间】：2011-10-17 06:51:49
【问题描述】：

由于某种原因，CSS 似乎无法在我的错误页面 (here's an example of a broken link) 上运行。

我不知道为什么会这样，代码与调用其他 .html 文档中的 CSS 文件的代码完全相同。

建议？

谢谢

塔拉

【问题讨论】：

称我为标准纳粹，但应该返回图像的图像 url 返回 html 文档对我来说听起来不太好。
@Kumar 出于兴趣，您认为违反了哪个标准？
@matt，我真的找不到这样一个被称为标准的文件，它说你不应该为打算提供图像的 url 提供 html，看着一个 URL，意图似乎是提供 PNG 文件，但浏览器会看到一个 html 文件。这可以通过提供一个显示图像未找到的图像来代替，不确定是否真的存在这样的标准，但对我来说仍然不好看
@Kumar 该图片网址已损坏。它应该是 .jpg，但这只是当我有图像时出现 404 错误的一个示例。当 .html 文档损坏时，会出现正确的 404 页面。
@Tara，不确定，但我可能已经完成了丢失图像文件的 404 图像，丢失 html/文本文档的 404 html 文档。我不擅长正则表达式，但可以向您保证，它可以使用一些 .htaccess + regex 来完成

【解决方案1】：

站点在images 文件夹中找不到style.css 文件

将您的标记更改为：

<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />

【讨论】：

【解决方案2】：

您的 404 页面包含 404 错误！文件/images/style.css 不存在。在网站的其余部分，您可以参考/styles.css，所以这可能是正确的路径。

【讨论】：

它在哪里显示 /images/style.css？我什至尝试将 404 文件放在该文件夹中，看看它是否会调用它，但它不会。这个 '' 是我在 404 页面上的代码。当断开的链接以 .html 结尾时，它实际上可以工作
@Tara：我现在看不到页面。但似乎您正在为所有页面使用模板文档，无论它们位于 / 目录或更深的目录中。只需在指向 css 文件的链接中添加一个/，使其变为<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />；它应该按预期工作。这是另一个有类似错误的页面：yogadetoxretreat.co.uk/aaa/bbb/ccc
感谢测试链接！是的，我按照你的建议做了，现在可以了:)

【解决方案3】：

将此代码放入 .htpaccess 文档中

ErrorDocument 404 /usual-error-document.html
#
<FilesMatch "\.(gif|jpg|png)$">
ErrorDocument 404 /404.gif
</FilesMatch>

并创建 .gif 文件以显示 404 错误。

【讨论】：