<!--[if IE]>
 <p>Internet Explorer</p>
 < ![endif]-->

こんなやつね。
HTML構文の中ではコメントと解釈されるが、IEでは解釈するというもの。これを使って CSS ファイルを読み込んだりすることがある。
正直メンドイことだけども、ちょっと思考した。

大抵の場合、一つの CSS ファイルにハックの記述の混在させて済ませることが多いと思う。
でも、ハックした分まで他のブラウザも読み込むことになってしまい。お行儀のよいブラウザが可哀想。

Microsoft が、この “Conditional Comments” を組み込んだ意志としては、ん～。何だろな。
「必要なら使っておくれ」程度の意味かもしれないけれど、
いい意味で取れば

「W3Cの仕様に準拠できなくて申し訳ない。ハックさせて申し訳ない。
よかったら、その記述を他のファイルに移動させて、IEだけに見えるようにしてもらうと助かる。
IE側の読み込みが増えてしまうペナルティは甘んじて受けよう。ただ、他のブラウザに迷惑かけたくないんだ。」

本音はこんなだったりするかも。

個人的に小さなスパイダリングプログラムを作ってて、HTML のソースは結構見ていたりするんだけど、”Conditional Comments” って、あまり見ないんだよなぁ。
JavaScript で振り分けてたり、細かくクラスを振ってたり。
商用サイトは運用上仕方ないとしても、ハックはセパレーツまたはオプショナルな方向がいいなぁ。まぁ、ハックなんてないに越したこたぁないけれど。

ただ、実質的なファイルの中にバグを利用したハックが存在するのは健康的にドゥーなのか？

• About Conditional Comments
• IEBlog : Call to action: The demise of CSS hacks and broken pages
• 条件付コメント(Conditional Comments)実験ページ

On the receiving side, is only paste. I wont any form about variation from original.

After all, I found an uncool way. (inactive with IE)

• Primarily, make some image files for be ready.
• Standard button size is 15×180 pixel. and the size in this case 13×178 pixel. Decrement of 2 pixel as border width.
• To support transparence, imege file format have to go with “png” or “gif”.
• When readiness. Drive keyboard to writing CSS.
  For instance. img { background: #aaa; border: 1px solid #fff; } img:hover { background: #666; border: 1px solid #666; } img#flickr:hover { background: #0066CC; border: 1px solid #FF99CC; }
• This function is able to changing background and border color without graphic tool. Only rewrite CSS code.

So, is a futile and unproductive craft. There are more nice technic in Inline Buttons and W3C buttons without images. Though I know that, I try another to kill time.

各プロパティからセレクタまで、ギッチリ詰め込んで価格はなんと0円！

しかも、作業効率アップによる、周りの笑顔は priceless!