DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor
はじめに DD_belatedPNGを利用すると、IE6でPNGファイルを透過させることが出来ます。 DD_belatedPNGはITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」で解説されているように、簡単にそして高速に透過PNGを表示できるという特徴があります。 しかし、ITキヲスク | IE6用透過png対応策、DD_belatedPNGの使用法と注意点で解説されていますが、次のような問題点があります。 ここで、img要素に使用する際のいくつかの注意点を。 ただimg要素にpng画像を使うだけなら、上記で何の問題もありません。 しかし、png画像のimg要素にロールオーバーを設定したい場合、少し注意とコツが必要なんです。 たとえば、png画像のimg要素を<a>要素で囲んでリンクボタンとして、img要素をロールオーバーさせたい場
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
透過pngを多用したサイトを作って、完全にIE6が嫌いになりました | エアロパス ::: ユーザビリティ,情報アーキテクチャ他、webについて思うことを綴るブログ
IE6の透過png対策のまとめ。なのだが、透過pngを多用したサイトがこれ。 ハーレー専門店「オールドスクールアイアン」。 最近リリースしたこのサイト、クライアントの要望は「かっちりとしたサイト」ではなく「遊び心を加えたものを」というもの。 遊んだ感じのデザインにはなったけど、HTML＋CSSで組むには苦しくなった。しょうがないので、コーディングでは透過pngを多用したけど、ご存知の通りIE6は透過pngに未対応...。この問題に丸一日はまってしまい、完全にIE6が嫌いになりました。 とは言うものの、しばらくはIE6もターゲットブラウザとして残さないといけないだろうから、透過pngの扱いについて今後のためにまとめておく。 IE6で透過pngを適用するには、IE独自拡張のfilterプロパティを使うことになるのだが、次のような方法が知られている。 JavaScriptを使う方法 minm
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
