[解決済み】widthプロパティにCSS \9 がある。

質問

これはどういうことですか？ブラウザのハックだと推測しているのですが、具体的に何をするものなのかがわかりません。

width: 500px\9;

の意味は何ですか？ \9 ?

解決方法は？

\9 は、Internet Explorer 7, 8, & 9 に特有の CSS ハックです。

これは簡単に言うと、CSSの特定の1行の末尾が \9; の代わりに ; は、IE7, 8, & 9でのみ有効です。

あなたの例では

width: 500px\9; は、幅が 500 ピクセル (同じ結果) であることを意味します。 width: 500px; は、IE 7, 8, & 9を使用しているときのみ適用されます。

他のすべてのブラウザは無視します width: 500px\9; 完全に、したがって、適用されません。 width: 500px; を要素にすることは全くありません。

もし、あなたのCSSがこんな感じだったら...。

#myElement {
    width: 300px;
    width: 500px\9;
}

その結果、次のようになります。 #myElement IE7、8、&9では500ピクセル幅、他のすべてのブラウザでは、一方。 #myElement は幅300ピクセルになります。

詳細はこちら

EDIT。

この回答は2011年に書かれたものです。なお、このハックはIE10でも動作することを明記しておきます。