IE6を葬るCSS5つ

子ネタ

背景

「Internet Explorer(IE)6は2010年3月1日に亡くなった」という設定で葬式を挙げようという企画が米国で盛り上がっている。

IE6よ、安らかに眠れ――“葬式”を米企業が企画 – ITmedia Newsより

なにやら3月1日からGoogleさんがIE6のサポートを取りやめるので、米国でIE6の葬式をしちゃおうって話らしいです。
なので便乗してIE6を葬る(?)CSSTipsを5つほど紹介します。
5つというのは特に意味は無く、キリがよいため無理やり5つ用意しました。

※ネタですのでネタ嫌いな方はスルーしてください。

続きは詳細から。

キャプチャとCSS

さくっとキャプチャとcssのサンプルを乗せてみます。

ぼかしが入ってちょっと見づらく

1
2
3
html{
_filter: blur(add=1,direction=135);
}

色を反転させてショッキングに

1
2
3
html{
_filter:invert();
}

白黒でちょっとレガシーに

1
2
3
html{
_filter:gray();
}

ページが薄い状態に

1
2
3
html{
_filter:alpha(style=1,startx=0,starty=0, finishx=0, finishy=100,opacity=50,finishopacity=20;
}

もういっそのこと消去

1
2
3
html{
_display:none;
}

まとめ

なんの事はない8割方IE独自CSSのfilterをただ使っただけです。すみません
_(アンダーバー)ハックを使ってIE6以下だけに適用させてるだけですね!

この流れに乗って是非IE6とおさらば出来たら、幸せな方が沢山出てきそうなのですけどねっ
…とは言ったものの、日本でのIE6のシェアはまだまだ多いはずなのでどうなっていくのかはちょっと判断が難しいですね!

今後の動向に注目したいところです。

4 Comments »

  1. ネタエントリー投下。IE6を葬るCSS5つ | kzms2 – html,css,javascript http://bit.ly/cn7ZyR

    トラックバック by ずま/Zuma — 2010/3/1 月曜日 @ 3:13:07

  2. RT @kzms2: ネタエントリー投下。IE6を葬るCSS5つ | kzms2 – html,css,javascript http://bit.ly/cn7ZyR

    トラックバック by MusicCycle — 2010/3/1 月曜日 @ 4:11:38

  3. IE6を葬るCSSに爆笑。特に最後の全消去は恐るべしです!RT @kzms2
    ネタエントリー投下。IE6を葬るCSS5つ | kzms2 – html,css,javascript http://bit.ly/cn7ZyR

    トラックバック by MusicCycle — 2010/3/1 月曜日 @ 4:15:07

  4. www

    http://bit.ly/bBHkMh

    トラックバック by masamasa22 — 2010/3/1 月曜日 @ 17:20:47

コメントを入力

コメント欄

Available Feeds

ブログ内検索

Profile

ずま/Zuma
Zuma
TwitterはてなブックマークTumblrFriendFeedGoogle リーダー
  • 読み込みエラーです。しばらく経ってから確認してみてください。

某ポータルWebデザイナー。世間的にはマークアップな人。 html,css,javascript大好き。最近はcss3がお気に入り。phpとasも気になるお年頃。僕はどこへ向かうのか。dot3というユニットでも活動中。http://dot3.jp [tag]iPhone,music,design,wordpress

Face book

最近の活動

Dreamweaver Town Meeting in Tokyo

Dreamweaver Town Meeting in Tokyoに出演しました。