web-dev-qa-db-ja.com

幅プロパティのCSS \ 9

これの意味は何ですか?私はそれがブラウザハックだと推測していますが、それが正確に何をするのか見つけることができませんでした。

width: 500px\9;

\9の意味は何ですか?

205
well actually

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

これは、\9;の代わりに;で終わるCSSの特定の1行がIE 7、8、および9でのみ有効であることを意味します。

あなたの例では、

width: 500px\9;は、IE 7、8、および9を使用している場合にのみ500ピクセルの幅(width: 500px;と同じ結果)が適用されることを意味します。

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

CSSが次のように見える場合...

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

結果は、IE 7、8、および9で#myElement 500ピクセル幅になりますが、他のすべてのブラウザーでは、#myElementは300ピクセル幅になります。

http://webdesignandsuch.com/ie9-specific-css-hack/


編集:

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

284
Sparky

IE9以降のバージョンのCSSハック

このように書く:

width: 500px\9;

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

13
sandeep

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

例えば

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

IE9のCSSハック

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