読者です 読者をやめる 読者になる 読者になる

NeverBlog::Likk::Unexistable;

見なかったことにして下さい

IE系だけ?スタイルを適用(IE7含む)

Perlのいつもの癖で、コメントアウトのつもりで行頭に#を入れたら、IE系以外
でコメントアウトされてた。

.hoge {
#	width: 400px;
	width: 200px; 
}

とかの場合、mozilla系だと200px,IE系だと400px


いや、実際コメントアウトというより、#で無名idでも探しにいっているとか、文法エラー時の振る舞いの結果だとか、CSSは詳しくないので良く分からないが、そういうことだは思うんですが…
#Eclipse::plugin::Aptana だと文法エラーで怒られますし

コメントアウトを確認できたのは以下のブラウザ
WinXP

  • NN7.1
  • Firefox2.0
  • Opera9

IE系(7含む)だと#を無視して通常通り読みむ。

知ってるボックススタイルハックと並べてみた。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>BOXhack</title>
<style type="text/css" media="all">
<!--

.Boxhack {
	font-size: 100%;
	padding: 0px 10px;
	border:#000000 dashed 1px;
	width: 200px !important; 
	/* 最優先項目 !important 通常後に記述したものよりも優先度が高い  */
#	width: 400px !important;
	/* NN7,firefox, ではコメントアウトされる IE系は読み込む  */
	width: 100px;			
	/* IE6までは、同じブロック内に後に記述したものが優先度が高くなり、これを読み込む */
	width /**/:50px;		
	/* IE6では上手く読み込めず、IE5.5には適用される */
}

-->
</style>
</head>

<body>

<div class="Boxhack">
	ああああああ
</div class="explainStage">

</body>
</html>

で、結果一覧

http://f.hatena.ne.jp/images/fotolife/l/likk/20070410/20070410195824.jpg

画像は上から
WinXP IE7,
WinXP Firefox2.0,
WinXP NN7,
WinXP IE6,
Win98 IE5.5

Safariなど、MacOS環境下は未確認なので知らない。
というか、誰か確認しくれると幸い。

つーかそれ以前にCSSとしてはNGな例。