0

IE9 で特定のスタイルが適用されない理由をトラブルシューティングするにはどうすればよいでしょうか。しかし、FFではスタイルが適用され、それが私が望んでいるものです。残念ながら、これは私の CSS や Web アプリではないため、CSS に詳しくありません。

私の2番目の質問はこれです。また、IE では、クラスが複数回「上書き」されていることにも気付きました。意味 - クラスのリストで、異なるプロパティを持つ同じクラスが繰り返されています。FFでは1回しか見ない。FF が良さそうに見える場合、FF が firebug リストに表示するものを除いて、css ファイル内のクラス名のすべてのインスタンスを削除できると仮定できますか?

ありがとう。

編集1：

これが例です。IE では、次の 2 つのスタイルをタグに適用しています。最初のスタイルのすべてが「有効」ですが、2 番目のクラスでは色が無効になっています。すべてのパディングと同様に。

#websiteName {
  color:#65605e;
  float:left;
  letter-spacing:1px;
  padding-bottom:4px;
  padding-left:10px;
  padding-right:10px;
  padding-top:11px;
}    

#websiteName {
  color:#ffffff;
  font-size:150%;
  font-weight:normal;
  margin:0;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  text-align:center;
  width:auto;
}

ただし、FF では、同じクラスで次のように表示されます。

#websiteName {
  color:#FFFFFF;
  font-size:150%;
  font-weight:normal;
  margin:0;
  padding:5px 10px;
  text-align:center;
  width:auto;
}

そのため、CSS で、このクラスのすべてのインスタンスを検索しました。そして、cssコードの大きな長い文字列に次のものが埋め込まれているのを見つけました:

#webLogo{display:block;width:25%}#websiteName{color:#65605E;letter-spacing:1px;padding:11px 10px 4px;float:left}.dir-rtl #websiteName{float:right}#someotherclass{}

また、これは、他の css クラス定義の中に埋め込まれています。

#websiteName{color:#FFFFFF;text-align:center;width:auto;font-size:150%;font-weight:normal;padding:5px 10px;margin:0}

2 番目のコード スニペットは、最初のコード スニペットの後に表示されます。

編集2：

今日の午後、IE を実行しているコンピューターのモニターを変更することにランダムに決めました。出来上がり！このサイトは、私の FF マシンと同じように IE でも表示されるようになりました。私はCSSの初心者なので、これが正しいかどうかはわかりませんが、CSSでメディアクエリを探し始めて、ブラウザのサイズがどこかで検出されているかどうかを確認しました。私はまだ何も見つけていませんが、何が起こっているのかについて他のアイデアを教えてもらえますか? ありがとう。

4

2 に答える 2

1

「特定のスタイルが IE9 で適用されない理由のトラブルシューティング」; what-so-ever-tool に助けてもらう前に、http://www.w3.org/TR/CSS21/cascade.html を読んで理解してください。

ポイント 6.4 カスケード (先行) に焦点を当てる

スタイル シートには、作成者、ユーザー、およびユーザー エージェントという 3 つの異なる起源があります。

Author. The author specifies style sheets for a source document according to the conventions of the document language. For instance, in HTML, style sheets may be included in the document or linked externally.
User: The user may be able to specify style information for a particular document. For example, the user may specify a file that contains a style sheet or the user agent may provide an interface that generates a user style sheet (or behaves as if it did).
User agent: Conforming user agents must apply a default style sheet (or behave as if they did). A user agent's default style sheet should present the elements of the document language in ways that satisfy general presentation expectations for the document language (e.g., for visual browsers, the EM element in HTML is presented using an italic font). See A sample style sheet for HTML for a recommended default style sheet for HTML documents.

あなたの他の質問について：firebugは「適用されたスタイルのみを表示する」、「ユーザーエージェントスタイルを表示する」に「設定」することができます。お好みで表示/非表示を切り替えてみてください。また、次のように宣言すると、次のようになります。

div, td, span, .selector, a {
    color:red;
}

...
<td>
    <div>
        <span>
            <a href="some.link">text link</a>
        </span>
    </div>
</td>
...

次に、td 内の div 内のスパン内のアンカーを検査すると、Firebug は適用されたスタイルの 4 倍を表示します (firebug の設定による)。

于 2013-01-17T17:17:22.120 に答える
0

IE で取り消し線が引かれ、新しいスタイルが適用される理由は、これらの css ルールに IE 固有の値を使用しているため、既存のスタイルが上書きされる可能性があります。同じことがfirefoxにも当てはまります。たとえば、IEはFirefoxができるすべてのことを実行できないため、IEはそのcssを無視しているため、MOZのみのルールが表示される場合があります。例があれば役立つかもしれません。

于 2013-01-17T16:54:42.183 に答える