Question

情况：

我有一个PHP写的页面，它将包含一个css via

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

然后（并按需）加载一个javascript文件，打开一个新的“Window”，其中将使用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

Answer 1

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

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

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

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

Internet Explorer无法加载css文件

1 个答案: