CSS備忘録 IE6・IE7のみ適用させる方法2

IE6のみ適用させる場合の例↓

_color:#000000;

プロパティの前にアンダーバーをつける。

IE6とIE7両方に適用させる場合

*background-color:#000000;

プロパティーの前にアスタリスクをつける。

IE7のみ適用させる場合

background-color:#cccccc;
*background-color:#000000;
_background-color:#cccccc;

全てのプロパティーを記述して、アスタリスクのあとに適用させたい値を記述。

以前もIEハックの備忘録書きましたが、
今回の方がシンプルですかね。

もうひとつ。
IE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれるライブラリ。
Google コードのie7-jsより直接読み込めるみたいです。
こちらからコードをコピペ。

上記のコードをhead要素内などに記述でOKみたいですよ。

ところで、こういう記事って10年・20年したら、
まったく意味なくなってるんでしょうね 笑

IEも20とかになってたりして~
それとも、名前ごと変わってたり・・  :mrgreen:


posted by そば富泉

CSS備忘録 IE6・IE7のみ適用させる方法2” に対して2件のコメントがあります。

  1. T★R2010 より:

    ちなみに、そういうcssハックは、W3Cバリデートではエラーになりますので、
    http://jigsaw.w3.org/css-validator/validator.html.ja
    近い将来cssスパムとみなされて、クローラーが拾わなくなる可能性あるので
    ご注意ください。

    もうね、IE6やFF2なんか無視無視。
    IE8とFF3だけ対応とか銘打つほうが、ぜんぜん前向きですよ。
    ビジネス的には。

  2. > T★R2010様、

    コメントありがとうございます。

    おっしゃる通りなんですよね、本当に ^^;

    ですが、ショッピングサイト的には、アクセス解析見ると、現在のところ
    ほとんど、IE6・7が多いんです・・

    ですので、無視するわけにもいきません。。

    ほんとうは、この記事の方法よりも、
    スタイルシートで分岐したほうがいいですよね。
    [if IE 6]とかつかって専用にスタイルシート作るとか・・

    本当はそうしたいところなんですけど、
    使っているCMS(ショップサーブ)が、head内に追加記述できないため、
    現在は、この方法で対処しています。

    なかなか、一般のお客様に、IE6・7では閲覧しないでくださいとは
    言えません・・実際のところ。。

    このブログはまあ、雑記なんで良いのですが 笑

    コメントありがとうございます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)