1

状況：

私はPHPで書かれたページを持っています、それは経由でcssを含みます

<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宣言はここにあります

4

1 に答える 1

0

よくわかりませんが、スタイルがインラインcssとして解釈され、新しいウィンドウを開いたときに保存されないため、キャッシュの問題である可能性があります。使用しようとしましたか：

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

更新：それはバグのようです。この記事であなたの問題を見つけました（ポイント5）。解決策もそこにあります。

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

于 2012-08-06T17:33:03.180 に答える