css - CSS \9 in width プロパティ

Question

これはどういう意味ですか？ブラウザのハッキングだと思いますが、正確に何をするのかを見つけることができませんでした。

width: 500px\9;

の意味は何\9ですか?

Answer 1

\9Internet Explorer 7、8、および9に固有の「CSSハック」です。

これは単に、の\9;代わりにaで終わるCSSの1つの特定の行が;、IE 7、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、IE 7、8、および9では幅500ピクセルになりますが、他のすべてのブラウザーで#myElementは幅300ピクセルになります。

より詳しい情報

---

編集：

この回答は2011年に作成されました。このハックはIE10でも機能することに注意してください。

Answer 2

これはIE9以下のバージョンのCSSハックです

次のように書きます。

width: 500px\9;

この記事を読むhttp://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

Answer 3

IE9 で width プロパティを設定するには、このハックを追加するだけです。

例えば

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

Answer 4

IE9 の CSS ハック

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}