spring-treeでは、カメラを持ってフラフラ・パシャパシャと撮った写真や、今までに制作した、WEBサイトなどを随時紹介していきます。

このサイトをInternet Explorer 6以下で表示すると
画面の右上に「アナログ」って表示されてます。

元のネタはCSS HappyLifeさんが記事に書いていたものです。
面白そうなので、やってみました。

Internet Explorer 6以下で表示した場合

ちみにcssコードは

.analogue {
 display: none;
 }

*html .analogue {
 display: block;
 position: absolute;
 top: 30px;
 right: 15px;
 background: #ffffff;
 padding: 8px 10px;
 border: 1px solid #333333;
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 filter:progid:DXImageTransform.Microsoft.
Alpha(Enabled=1,Style=0,Opacity=60);
 }

filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
上の記述で不透明度を60%に設定してます。

でもってHTMLには

<div class="analogue" title="アナログ">アナログ</div>

完成！

そろそろ、部屋のテレビも買い替えなきゃなぁ。