半透明アイコン
Web用の半透明アイコンを作成します。
半透明アイコンは様々な背景色・背景画像と組み合わせて印象的な効果を生みます。
背景と一緒に作った画像に比べ、単独の半透明アイコン・画像は位置修正や入れ替えが簡単！ 容量も小さくて済みます。
半透明アイコン・ボタン
■雪だるま（各種バリエーション）
ピンク
ドラゴンズ
ホークス
どてら
サンタパック
■半透明ボタン・半透明写真（ロールオーバー）
ボタン・写真の上にマウスを重ねてみてください。全部で8カ所あります。半透明アイコン＋写真
写真をクリックしてください。写真だけ入れ替わります。
半透明アイコンの作成方法
PhotoShop または Fireworks で背景色を透明に設定して作成し、「PNG32」で書き出します。
Safari、Firefox、MacIE、WindowsIE7で見るとこのままで半透明（透過）状態になります。
しかし、WindowsIE6の場合は半透明になりませんので、CSSに透過のための記述が必要になります。
このページは鈴木教久さんとCustomanさんのスクリプトを使わせていただきました。
鈴木教久さんのサイト「with D」
Customanさんのサイト「CSSでブログデザイン」