Internet Explorer 无法加载 css 文件答案

【问题标题】：Internet Explorer fails to load css filesInternet Explorer 无法加载 css 文件
【发布时间】：2015-12-14 12:09:52
【问题描述】：

情况：

我有一个 PHP 编写的页面，其中将包含一个 css via

<style type="text/css">@import url(/css/my.css);</style>

之后（根据需要）加载一个 javascript 文件，这会打开一个新的“窗口”，其中将使用 css 声明。

这适用于除 Internet Explorer (7-9) 之外的所有浏览器。

问题：

根据 IE Developer Tools (F12) 加载了 css 文件，我可以看到该文件中的所有声明（它们是正确的），但是当显示新窗口时，css 声明似乎不在效果。

“解决方案”：

在 IE Developer Tools 的 CSS-Tab 中取消选择（并重新选择它们，即使没有必要）给定 CSS 文件的某些规则使页面“呈现”正确。

问题：

这种行为从何而来，我该如何摆脱它？

其他信息：

我没有超过 4095 个（甚至不包括所有 CSS 文件中的所有）选择器（实际上我只有不到 2.5k），我只加载了不到 31 个（正好 7 个）不同的 CSS 文件。

根据要求：

<div class="navigate">
<div class="nav-slider">
  <div class="nav-slider-left">
    <span role="button" class="nav-link nav-page-back">&lt;</span>

    <div class="page-number">
      <span>1 of 1</span>
    </div><span role="button" class="nav-link nav-page-next">&gt;</span><span role=
    "button" class="nav-link nav-now">&acirc;&mdash;</span><span role="button" class=
    "nav-link nav-prev-week">&lt;&lt;</span><span role="button" class=
    "nav-link nav-prev-day">&lt;</span>
  </div>

  <div class="nav-slider-content">
    <div class="nav-slider-bar">
      <a class="nav-slider-button"></a>
    </div>
  </div>

  <div class="nav-slider-right">
    <span role="button" class="nav-link nav-next-day">&gt;</span><span role="button"
    class="nav-link nav-next-week">&gt;&gt;</span><span role="button" class=
    "nav-link nav-zoomIn">+</span><span role="button" class=
    "nav-link nav-zoomOut">-</span>
  </div>
</div>

（我已将 HTML 代码缩减为相关部分 [ExtJS 正在围绕给定代码创建大量结构）

CSS Declarations are here

【问题讨论】：

这听起来很奇怪。你能展示一些规则和它们适用的 HTML 吗？你确定你的 HTML 和 CSS 是有效的（或者至少不包含任何严重的结构问题）？
我将它们添加到第一篇文章中。 CSS 和 HTML 应该是有效的，或者至少不是完全错误的 ;)

标签： css internet-explorer

【解决方案1】：

我不确定，但这可能是一个缓存问题，因为您的样式被解释为 inline-css，并且在您打开新窗口时不会保存。你试过用吗：

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

更新：这似乎是一个错误。我在这篇文章中发现了你的问题（point5）。解决方案也在那里。

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

【讨论】：

我指的“窗口”实际上是一个ExtJS-Window，所以我没有离开当前页面。