外部css文件加载但未应用

Question

Wetware错误

这是一个错字 - 有两个不同的css文件具有相似的名称,我链接到一个在一个网站上,另一个在另一个网站上

从布偶道歉:(

关闭

我在html head部分中有以下行:

<link rel="stylesheet" href="http://files.hypernumbers.com/redesign/frontpage.css">

当我从域中查看此页面时,hypernumbers.com它会正常加载然后应用.

但当我从hypernumbers.dev它加载的域中查看同一页面时(Firebug和Chrome工具向我显示CSS文件在那里)但它不适用于页面

是否存在某种域优先/子域事物,我不知道？

更新

试图在歌剧它不会在任何负载hypernumbers.com或hypernumbers.dev...

Answer 1

这是一个非常古老的问题,但由于这是谷歌的最佳结果,我将把我的解决方案放在这里.

我遇到了同样的问题,我的CSS文件是可访问的,并且正在被浏览器下载,但它们实际上并没有被应用.我可以手动浏览CSS,但Firefox和Chrome都没有应用它们.

这是我的链接标记:

<link href="/static/css/bootstrap.css" rel="stylesheet" type="text/css">

看起来很好,这是正确的道路......我甚至记得设置类型,但没有骰子.

事实证明,我的Web服务器正在强制CSS文件的内容类型application/octet-stream.因此,即使我type在链接标记中指定,Firefox和Chrome都会从服务器中看到错误的内容类型并拒绝应用样式表.

如果您使用安装了Firebug的 Firefox,则可以在"网络"选项卡上看到您的服务器正在发送的内容类型.

在我的情况下,使用Lighttpd,修复被添加".css" => "text/css"到mimetypes.assign像这样:

mimetype.assign     = ( ".html" => "text/html",
                        ".txt" => "text/plain",
                        ".jpg" => "image/jpeg",
                        ".png" => "image/png",
                        ".css" => "text/css",
                        "" => "application/octet-stream" )

希望这可以节省几个小时的谷歌搜索和头部刮伤的人.

Answer 2

这可能有点疯狂，但如果添加该属性，type="text/css"会有什么不同吗？另外，CSS文件和html文档的编码是什么？

作为最后一次检查，您是否考虑过下载该文件并制作本地副本？只是为了确保您的网络和Hypernumbers之间没有任何问题？