widthプロパティのCSS \ 9


208

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

width: 500px\9;

の意味は何\9ですか?


cssファイルで..いくつかの要素の幅を設定します。
実際には

完全に重複しているわけではありませんが、この質問はあなたに答えます:stackoverflow.com/questions/701732/size-in-css-with-slash
Raptor

私が見る限り、どのCSSバージョンでも有効ではないようです...
Marc B

この質問は同じことを指しているとは思いません。
実は

6
@Shivan Raptor:いいえ、ありません。それはまったく別の質問です。
BoltClock

回答:


289

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

これは単に\9;、の代わりにで終わる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年に書かれました。このハッキングはIE 10でも機能することに注意してください。


どうするwidth: 500px\6;
jdavid.net 2013年

1
@ jdavid.net、それがあなたのCSSを壊さないなら、絶対に何も、私の知る限り。
Sparky

10
\0代わり\9にIE10にも適用します
abc123

21
@ abc123は、IEがバージョン16にならないことを願っています。
Hoffmann

4
私の今の経験では、少なくともIEのエミュレーションモードで\9widthプロパティ付きのIE 10にも適用されていました。エミュレーションモードは、最良の状態ではバグが多いため、おそらくそれが理由です。
davidjb 14

13

IE9以下のバージョンのCSSハックです。

このように書きます:

width: 500px\9;

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


4
リンクをありがとう、しかし記事はそれが何をするかについて説明しません。
実際には

1
IEのハックは2つの目的で使用されます。1)display:inline-block&2)などのIEでサポートされていないプロパティがいくつかあります。この記事をチェックblog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block
sandeep


IEは表示をサポートしています:インラインブロック、悪い例。
reisio

ただし、「width」プロパティの特に便利なハックではないようです。少なくともQuirksモードの外では。
reisio

2

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

例えば

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

2

IE9のCSSハック

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

6
外部にリンクするのではなく、このハックについて何か詳しい情報を投稿する必要があります。そのブログがなくなった場合、回答の価値は低下します。さらに、誰もがロシア語を話すわけではありません。
Marcin Orlowski

1
あなたが投稿したリンクはロシアのブログへのリンクなので、英語でいくつかの重要な情報を提供する方が良いでしょう。
Artemix

OP、あなたは自分自身を教えて、いたずらなステップに行って座ってください。
slugmandrew
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.