2012年1月9日月曜日

lang="ja-JP"へ変更するのを忘れないでね。

HTML5 Boilerplateを使用するときの注意点。lang="ja-JP" へ変更するのを忘れないでね。

参考サイト:結局どうすればいいの?



日本語での製作時に変更しなければいけない・・・で、たまに変更し忘れるのでメモがわりに残します。



変更箇所は、2〜4、5行目の条件付きコメントの部分です。
ここは、IEのバージョンによって、「lt-ie9」「lt-ie8」「lt-ie7」のクラスが付加されます。

<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->


<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="ja-JP"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="ja-JP"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="ja-JP"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="ja-JP"> <!--<![endif]-->


この記述のお陰で、IE6のみ背景画像を非表示にしたい場合は、
.lt-ie7 body { bacground-image: none; }
と記述することで、CSSの振り分けが行えます。
説明はこちらのサイトで・・complicate000 blog

うーん。セクシーな解決法w

0 件のコメント:

コメントを投稿