ブラウザJavaScriptやCSSで簡単にIE6でアルファ画像(透過png)を使う方法IE6はアルファ画像(透過png)が使えませんが、今回紹介する方法で簡単にIE6でもアルファ画像を使うことができるみたいなので、いつも通りメモしておきます。ちなみに透過を活用することによって、さらにデザインの幅が広がるかもしれません、あー楽しみかもです。透過を活用したウェブデザインは以下のサイトでいろいろ紹介されています。Fix(英語)で簡単にIE6でもアルファ画像を使うことができるようになります。2が公開されていて、さらに問題点が改善されてるようです。ちなみに以下のページでは分かりやすく導入までの手順を分かりやすく紹介されています。Fixの使い方で簡単に導入方法を説明しているので参考にしてみてください。alphafilter.jsライブラリを使って指定した画像だけに透過処理を与えるこれは導入までが簡単。解説も日本語だしclassにalphafilterと追加記述するだけで簡単に処理を行えます。Fixを使うか、さらに追加でCSSに細工をする方法があります。CSSに細工をする方法は後ほど紹介しますです。アルファ画像を扱うalphafilter.jsライブラリ[to-R]CSSに細工をする。細工というかスターハックを使ってIE6にのみ適応するスタイルを記述します。IE6の独自拡張フィルタなどを使ってあれこれします。TIPSそれが以下のコードです。div.alpha&#123;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&#40;src='alpha.png',sizingMethod='scale'&#41;;background:none;&#125;ですが、このままでは要素に合わせて画像がびよんびよん伸び縮みするので、画像のサイズを変更したくない人は以下のように記述してみます。太字の部分を書き換えました。div.hoge&#123;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&#40;src='hoge.png',sizingMethod='&lt;strong&gt;crop&lt;/strong&gt;'&#41;;background:none;&#125;IEの独自拡張機能で良く分かりませんが、以下のサイトが詳しいみたいです。filter,フィルタいろいろと書きましたが、最初からIE6がなければこんな面倒なことはしなくて良いはず。早くIE7にみんな強制以降させないといけないかもですよ。IE7にもいろいろとバグはあるし、IEを使ってるといろいろと面倒なことが多いはず。みんなが早めにモダンブラウザの良さに気づいて変えてくれれば良いと思いますです。画像の一部を切り抜く方法。IE6はCSSのmin-widthやセレクタが使えない。コメントコメントは受け付けていません。