dncl

こんにちは、連続登板に鼻息も荒い魔神さんです。
って前回から一ヶ月も経っとる！
UFOにでも捕らえられていたのか、このひと月の記憶がありません。

さて、気を取り直して、角丸ボックスについてお話ししましょう。
CSSによるレイアウトが一般的になった頃、一時期減少傾向にあった角丸ボックスのデザインですが、Web2.0という言葉が使われ始めてから再びあちこちで見かけるようになりました。

このエントリーでは、汎用ブロック要素であるdivを用いた方法を中心に、角丸ボックスをCSSで表現するための基本的なやり方をいくつかご紹介します。

アルファチャンネル情報を付加できるので、表現の手段ひろがる素敵フォーマット「png-24」ですが、いまだに大きなシェアを占めるInternetExplorer(IE)6が標準サポートしていないため、気軽に使いづらいというのが現状です。
IEユーザーがみんなバージョン7に乗り換えるまで使えないというのはちょっともったいないので、独自仕様「AlphaImageLoader」を使って対応してみましょう。

今回は、テキストボックスにアイコンとしてpng-24形式の画像を表示させるという想定で、IE6への対処法を解説します。