August 18, 2010 13:25 カテゴリAJAXWEB全般 今どきのIE用PNG透過事情まとめ Posted by okappu No Comments No Trackbacks Tweet 気になったのでIEのためだけに気になったので現状どんな感じなのかまとめ。 ただ、見るサイト、見るサイトで適当な説明も多く設置方法読むとunitなのにタイトルはpngfix,jsとか…。 まとめてみようと思ったけど…まとまらず。 やはり百聞は一見に… 自分で使ってみないことにはわからないことは多々ありますが全体的に眺めた結果。 DDbelatePNG今のところ一番無難な感じ ■iepngfix.js ・AlphaImageLoaderフィルターを使用するので、描画処理自体は遅く、メモリも大きく消費する。 ・AlphaImageLoaderフィルター使用時の致命的バグである「適応ブロック内の
はじめに 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要素をロールオーバーさせたい場
この記事は賞味期限切れです。(更新から1年が経過しています) 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く