一定期間更新がないため広告を表示しています
![IEでpngを使った際に起きる不具合を防ぐプラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a5f5b7c979f7d88728385cdb3c9120c109b40a1/height=288;version=1;width=512/https%3A%2F%2Fimg-cdn.jg.jugem.jp%2F472%2F506590%2F20100820_585526.png)
アルファ画像を扱う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
jquery.pngFix.js - PNG transparency for Windows IE 5.5 & 6 (IE PNG Fix)This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6. Features unobtrusive script, simple to setup works now also with CSS-Backgrounds (but scaling backgrounds) works with PNG-Images within Links TITLE, ALT, CLASS and STYLE-Attributes are considered This page uses jQuery Version Version
ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。(※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。) 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6~8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で
最近PNGでの表現が流行り? ちょっとその辺は情報不足なので省略しますが、 今日はjQueryのプラグインを使って透過PNGをIE6に対応させてみます。 透過PNGを使えるほうにする方法は、 すでにいろいろな方法が紹介されていて、最近でも、 「IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ」 なんてのが紹介されたりしています。 今回紹介するjQueryのは、もうかなり前からあるのですが、 個人的に知らなかったので、メモとしてエントリーしておきます。 上の画像はFxなどで見ると透過部分は白くなっているのですが、 IE6以下で見ると、灰色になってしまっています。 バックをピンクにしたので、透過しているかわかるとおもうのですが、 透過されている部分は、IE6だと灰色になっていて、 うまく透過処理されていません。 これにjQueryの『PNG FixM』というプラグインを使うと、 綺
jQueryで、透過pngをIE6に対応させる jQuery2008年12月7日 2008月11月現在、IE7の世界におけるシェアは47.39%を占めています。 (Net Applicationsより) 確実にIE6→IE7への移行は進んでいますが、まだまだIE6は無視できないのが現状です。 色々な方が透過pngをIE6でも機能させる方法をご紹介されていますが、実はjQueryのプラグインを使用する事で、あっさりIE6にも透過pngを対応させることができます。 「IE7.jsで対応」「iepngfix.js」といった方法もあるにはありますが、前者はちょっと反則的な気がしますし、後者は余計なソースがどんどん増えますし、マニアックなバグの調整作業をしなければならないのが難点です。 jQueryであれば、きちんとブラウザがサポートされているので安心ですし、余計なコードも増えません。(2~3行ほど
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く