http://unit3s.jp The annex of 3S. Writing about my lovin' stuffs, like Kyoto, desgin, photo, aquarium, road bike, etc. Enjoy your stay! Wed, 25 Aug 2010 02:23:09 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 http://unit3s.jp/2009/04/01/merrow-habanero%e3%81%ab%e3%81%af%e3%81%be%e3%82%8b-2/ http://unit3s.jp/2009/04/01/merrow-habanero%e3%81%ab%e3%81%af%e3%81%be%e3%82%8b-2/#comments Wed, 01 Apr 2009 13:00:59 +0000 3S http://unit3s.jp/?p=371 http://unit3s.jp/2009/04/01/merrow-habanero%e3%81%ab%e3%81%af%e3%81%be%e3%82%8b-2/feed/ 0 http://unit3s.jp/2007/06/13/netscape-71%e3%81%a7%e3%81%ae%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%83%9d%e3%82%b8%e3%82%b7%e3%83%a7%e3%83%b3%e8%a8%ad%e5%ae%9a/ http://unit3s.jp/2007/06/13/netscape-71%e3%81%a7%e3%81%ae%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%83%9d%e3%82%b8%e3%82%b7%e3%83%a7%e3%83%b3%e8%a8%ad%e5%ae%9a/#comments Wed, 13 Jun 2007 02:30:34 +0000 3S http://unit3s.jp/archives/71 http://unit3s.jp/2007/06/13/netscape-71%e3%81%a7%e3%81%ae%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%83%9d%e3%82%b8%e3%82%b7%e3%83%a7%e3%83%b3%e8%a8%ad%e5%ae%9a/feed/ 0 http://unit3s.jp/2007/06/09/clearfix%e3%82%92%e8%80%83%e3%81%88%e3%81%bf%e3%81%9f-1/ http://unit3s.jp/2007/06/09/clearfix%e3%82%92%e8%80%83%e3%81%88%e3%81%bf%e3%81%9f-1/#comments Sat, 09 Jun 2007 09:02:10 +0000 3S http://unit3s.jp/archives/68 http://unit3s.jp/2007/06/09/clearfix%e3%82%92%e8%80%83%e3%81%88%e3%81%bf%e3%81%9f-1/feed/ 0 http://unit3s.jp/2007/02/16/ie6ie7%e3%81%aehack%e3%81%be%e3%81%a8%e3%82%81/ http://unit3s.jp/2007/02/16/ie6ie7%e3%81%aehack%e3%81%be%e3%81%a8%e3%82%81/#comments Fri, 16 Feb 2007 02:43:03 +0000 3S http://unit3s.jp/archives/65 body セレクタ/id名/class名 { } IE 7以外のモダンブラウザ(FireFox, Safari, Operaなど)のみ html>/**/body セレクタ/id名/class名 { } IE全部まとめて *+html セレクタ/id名/class名, *html セレクタ/id名/class名 { } より詳しい説明はここを確認。 http://www.webdevout.net/css-hacks この中の「in-CSS hacks」が参考になりますが、全部まとめて勉強になります。 【追記：2009:04:21】 非常にこのページにアクセスが多いのでなぜかと調べたらgoogleで「ie hack」と入れると上位に出てきてしまう状態でした。ですが内容が非常に貧弱な記事にこんなにアクセスして頂くのも申し訳ないので上記の内容については追記を、ここからは加筆になります。 基本、IE Hack自体を使わないように心がけているんですが、必要に応じて別CSSやjsをを特定のIEのバージョンに合わせて読み込ませる「コンディショナルコメント」（互換モード）を使用しています。主要な用途としては外部ファイルを読み込ませるケースが多いと思いますが、これはページ内に直接javascriptを記述したりする際に使うことももちろんできます。 別ファイルを用意しなければならないという煩わしさもあると思いますが、今後の事を考えるとhack自体どこまで使えるのか疑問なのでこちらを使用したほうがいいと思います。 コンディショナルコメントのすすめ 基本的には下記のコメントアウトの中にIE用のexpressionを記述してバージョンを指定するだけです。 <!–[if expression]> 記述したい内容はこちら。外部ファイルでもhtmlでもjs直書きでもオッケーです<![endif]–> 例えばIEのバージョンにかかわらずIEのみに特定のファイルを読み込ませたい場合は下記の<!–[if IE ]>〜<![endif]–> を使用します。 【例】 <!--[if IE ]> <link href="ie-only.css" rel="stylesheet" type="text/css"> <script src="ie-only.js" type="text/javascript"></script> <p>こんな風にIEのみで表示できる文章もいれる事ができます。</p> <![endif]--> ここでIEの特定のバージョンに特定のファイルを読み込ませたい場合は<!–[if IE ]> の部分を下記の様な記述をする事になります。 IE7の場合・・・<!–[if IE 7]> IE6の場合・・・<!–[if IE 6]> IE5.5の場合・・・<!–[if IE 5.5]> IE5の場合・・・<!–[if IE 5]> 読み込ませる箇所を振り分けたい場合は下記の様に2重で記述する必要があります。 <!--[if lte IE [...]]]> http://unit3s.jp/2007/02/16/ie6ie7%e3%81%aehack%e3%81%be%e3%81%a8%e3%82%81/feed/ 0 http://unit3s.jp/2007/01/15/mac-ie%e7%94%a8%e3%83%8f%e3%83%83%e3%82%af%e3%81%a8firefox%e5%af%be%e5%bf%9c/ http://unit3s.jp/2007/01/15/mac-ie%e7%94%a8%e3%83%8f%e3%83%83%e3%82%af%e3%81%a8firefox%e5%af%be%e5%bf%9c/#comments Mon, 15 Jan 2007 09:04:41 +0000 3S http://unit3s.jp/archives/59 http://unit3s.jp/2007/01/15/mac-ie%e7%94%a8%e3%83%8f%e3%83%83%e3%82%af%e3%81%a8firefox%e5%af%be%e5%bf%9c/feed/ 0 http://unit3s.jp/2007/01/15/%e3%82%b9%e3%82%bf%e3%83%bc%e3%83%8f%e3%83%83%e3%82%af/ http://unit3s.jp/2007/01/15/%e3%82%b9%e3%82%bf%e3%83%bc%e3%83%8f%e3%83%83%e3%82%af/#comments Mon, 15 Jan 2007 09:04:08 +0000 3S http://unit3s.jp/archives/58 http://unit3s.jp/2007/01/15/%e3%82%b9%e3%82%bf%e3%83%bc%e3%83%8f%e3%83%83%e3%82%af/feed/ 0 http://unit3s.jp/2007/01/15/%e3%82%a2%e3%83%b3%e3%83%80%e3%83%bc%e3%82%b9%e3%82%b3%e3%82%a2%e3%83%8f%e3%83%83%e3%82%af/ http://unit3s.jp/2007/01/15/%e3%82%a2%e3%83%b3%e3%83%80%e3%83%bc%e3%82%b9%e3%82%b3%e3%82%a2%e3%83%8f%e3%83%83%e3%82%af/#comments Mon, 15 Jan 2007 09:03:22 +0000 3S http://unit3s.jp/archives/57 http://unit3s.jp/2007/01/15/%e3%82%a2%e3%83%b3%e3%83%80%e3%83%bc%e3%82%b9%e3%82%b3%e3%82%a2%e3%83%8f%e3%83%83%e3%82%af/feed/ 0 http://unit3s.jp/2007/01/15/float%e3%81%a7%e3%81%ae%e5%95%8f%e9%a1%8c%e3%81%ae%e8%a7%a3%e6%b1%ba/ http://unit3s.jp/2007/01/15/float%e3%81%a7%e3%81%ae%e5%95%8f%e9%a1%8c%e3%81%ae%e8%a7%a3%e6%b1%ba/#comments Mon, 15 Jan 2007 09:02:24 +0000 3S http://unit3s.jp/archives/56 http://unit3s.jp/2007/01/15/float%e3%81%a7%e3%81%ae%e5%95%8f%e9%a1%8c%e3%81%ae%e8%a7%a3%e6%b1%ba/feed/ 0