为什么我的样式表无法在 Internet Explorer 中加载？答案

【问题标题】：Why does my style sheet fail to load in Internet Explorer?为什么我的样式表无法在 Internet Explorer 中加载？
【发布时间】：2011-03-23 09:05:55
【问题描述】：

<div class="build-editor" id="section-content">
<link href="/stylesheets/upload-from-disk.css?1280508898" media="screen" rel="stylesheet" type="text/css">

<div class="attachments">
    <h1 class="at-header">Attachments</h1>
    <div class="at-options">
    .
    .
    .

在 ie8 和 7 中，这个样式表永远不会加载...为什么？

【问题讨论】：

这是在哪里？有什么原因不在<head> 中？
我喜欢 IE 不是真正的浏览器这一事实 ;)
在 IE 上的好戳。当然，如果你真的知道 HTML 是如何工作的，那听起来会更好......

标签： css internet-explorer

【解决方案1】：

您的<link> 是否位于<head></head> 标记之间？

【讨论】：

【解决方案2】：

link 应该只出现在文档的head 中。

【讨论】：

我有其他页面链接出现在正文中=\
应该，但它也可能出现在头部之外，具体取决于 DOCTYPE 和浏览器所处的模式。IE 因其“怪癖”模式而臭名昭著。
这是个好电话。但是，我试图通过仅在需要时加载样式表来优化我的 RoR 应用程序。但我想如果它们被缓存，就像好的浏览器一样，那没关系。
“我试图优化我的 RoR 应用程序，只在需要时加载样式表。”那么处理这个 IMO 的正确方法是创建一个助手，你可以从你的视图中调用它，将 link 或 style 标记添加到将要呈现的页面的头部 RoR 是否没有构建这样的东西在？ Symfony 和 Zend 都是我通常使用的代码。
好吧，我的应用程序有很多 AJAX.. 如果工作流说最好留在我们所在的位置，并且只是页面替换，那么目标是不刷新页面。

【解决方案3】：

尝试像这样关闭 <link> 元素...

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

我参与了几个从 <head> 区域外部链接到 CSS 的项目，我相信它通常可以工作（也许在 IE6 中不行）。

注意即使它有效，它也不符合规格。如果可以的话，最好将它放在<head> 中。

【讨论】：

【解决方案4】：

如果您尝试优化 RoR 应用程序。您可以使用 content_for..

例如...在您的布局中...

<head>
   <%= yield :head %>
 </head>

还有

<% content_for :head do %>
   <%= stylesheet_link_tag 'upload-from-disk' %> 
<% end %>

在视图中..

【讨论】：