IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
iepngfix.jsのロールオーバーに自分なりに対応してみた - BOB'S YOUR UNCLE BLOG（仮）
iepngfix.jsを使用するとIE6でも透過PNGを使用できます。 iepngfix.js ユンサンの／융상의／YungSang's: 透過PNG と IE と IE7 まとめ 非常に便利でよく使っていたのですが、ロールオーバーの使い勝手がいまひとつでした。 ということで、自分なりに作ってみました（jQueryが必要です）。 使用例を見る（IE6でロールオーバーします） iepngro.js(IE PNG RollOver.js) var ua = navigator.userAgent; if(ua.indexOf("MSIE") != -1 && ua.indexOf("6.0") != -1) { var ie6 = true; } $(function(){ if(ie6 && IEPNGFIX) { $('.PNG').each(function() { var clas
ロールオーバー処理「オレならこうする版2007」（ファイル名とタグの組み合わせで自動的に設定する） - KAZUMiX memo
_rollout → _rollover マウスカーソルが画像の上に重なったとき、その画像がリンクになっており、その画像ファイル名の最後が _rollout となっている場合、その _rollout を _rollover に書き換えることで画像を差し替える JavaScript です。 ロールオーバー処理「オレならこうする版2007」動作サンプル サンプルのロールオーバー用の画像は次のようなファイル名になっています。 menu01_rollout.png 最初のメニューの標準画像 menu01_rollover.png 最初のメニューのロールオーバー画像 menu02_rollout.png 2番目のメニューの標準画像 menu02_rollover.png 2番目のメニューのロールオーバー画像 menu03_rollout.png 3番目のメニューの標準画像 menu03_rollov
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
