0

このツールを使用して CSS ファイルを検証しています: http://jigsaw.w3.org/css-validator/

CSS ファイルに 23 個のエラーがあり、半分以上が次のようになっています。

Line 46  #left_navigation    Parse Error ;*width: 175px;

実際の CSS は次のようになります。

#left_navigation {
    float: left;
    width: 165px;
    *width: 175px;
    margin:0px;
    padding:12px 5px 5px 5px;
}

エラーは、幅を設定するアスタリスクが原因です。最初はこれをここに入れませんでしたが、IE の表示上の問題に対処するために必要であることは明らかです。

だから私の質問は、これらのエラーを気にしますか? これを行う別の/より良い方法はありますか? これを行うとIEで悪いことが起こるので、私はそれを取り除くことはできません.

4

3 に答える 3

3

これらのエラーは気になりますか？

わからない。あなたは？

ただし、別の方法があります。あなたのページがこれらの線に沿って何かを持っていることを確認してください：

<!--[if lt IE 7 ]> <html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html><!--<![endif]-->

次に、次のようなカスタムセレクターでIEx固有のスタイルを使用できます。

.ie7 #left_navigation { width: 175px; }

*prop: value;もうハックの必要はありません。

上記のアプローチの代わりに、IE条件を使用して、個別/追加または代替のIEスタイルシートを含めることもできます。

于 2013-02-19T22:40:31.093 に答える
0

とにかく、どのブラウザでも問題なく動作します。何らかの理由で CSS を検証することが重要でない場合は、無視してください。

難しい解決策は、すべてのブラウザーで適切に動作するようにすることです。必要な下位互換性によっては、難しい場合があります。

(Modernizr)[http://modernizr.com/] のようなものもあります。これは、次のようなタスクに役立ちます。

#left_navigation.ie{
/* IE specific code */
}

Althrough Jeoren が準備完了のソリューションを投稿しました:)

于 2013-02-19T22:41:58.983 に答える
0

有効な CSSハックを行いたい場合は、次の方法を使用すると、modernizr スクリプト全体を含めたり、IE 条件付きコメントを追加して HTML (プレ) ヘッダーを変更したりする必要なく、ソリューションを含めることができます。

* html #left_navigation { width: 175px; }IE4-6 および

*+html #left_navigation { width: 175px; }IE7用

http://en.wikipedia.org/wiki/CSS_filter#Star_hackを参照

于 2013-02-19T23:00:05.037 に答える