【緊急!!!】 カニが大安売り!!!!

おすすめ! レンタルサーバ

VPSサーバ 最強!!!!!

Webショップ開くならここかな!

おすすめ!スタンダードなレンタルサーバ

ここもお勧め!費用×仕様 最高!

女の子でも簡単!初心者向けレンタルサーバ

企業向け 堅い&しっかりレンタルサーバ

Recent Comment

Recent Trackback

スポンサーサイト

一定期間更新がないため広告を表示しています

  • 2010.10.20 Wednesday
  • -
  • -
  • -
  • -
  • -
  • by スポンサードリンク

Internet Explorerのみにスタイルシート適用

スタイルシートでInternet Explorer(以下IE)のみに適用させる方法

IE6まで
 −−−−−−−−−−−−−−−−−−−−−−−−−−

#header {
color: #fff;
}

*html #header {
color: #000;
}

 −−−−−−−−−−−−−−−−−−−−−−−−−−

#header {
color: #fff;
_color: #000;
}

アタマに半角のアンダーバー
 −−−−−−−−−−−−−−−−−−−−−−−−−−


IE7以降も

 −−−−−−−−−−−−−−−−−−−−−−−−−−

#header {
color: #fff;
>color: #000;
}

アタマに半角のカッコ閉じ
 −−−−−−−−−−−−−−−−−−−−−−−−−−


読み込ませるスタイルシートを替える

 −−−−−−−−−−−−−−−−−−−−−−−−−−

<head>内に条件付コメントで表示、IEのみ読み込ませる

<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->

他ブラウザはstyle.cssだけ読み込む
IEだと、両方のスタイルシートを読み込む

 −−−−−−−−−−−−−−−−−−−−−−−−−−

スタイルシート内でのインポートで

@import "style.css";        /* 他ブラウザ用 */
@import ie.css;            /* IE用 */

他ブラウザはダブルコーテーションが無いと読み込まない
IEはダブルコーテーションが無くても読み込む

 −−−−−−−−−−−−−−−−−−−−−−−−−−


スポンサーサイト

  • 2010.10.20 Wednesday
  • -
  • -
  • -
  • -
  • -
  • by スポンサードリンク

コメント
コメントする








   
この記事のトラックバックURL
トラックバック