IEと画像に関するefclのブックマーク (4)
-
﹁DD_belatedPNG﹂を使う方法を追記しました。(2011.02.21) IE6の透過png対策のまとめ。なのだが、透過pngを多用したサイトがこれ。 ハーレー専門店﹁オールドスクールアイアン﹂。 最近リリースしたこのサイト、クライアントの要望は﹁かっちりとしたサイト﹂ではなく﹁遊び心を加えたものを﹂というもの。 遊んだ感じのデザインにはなったけど、HTML＋CSSで組むには苦しくなった。しょうがないので、コーディングでは透過pngを多用したけど、ご存知の通りIE6は透過pngに未対応...。この問題に丸一日はまってしまい、完全にIE6が嫌いになりました。 とは言うものの、しばらくはIE6もターゲットブラウザとして残さないといけないだろうから、透過pngの扱いについて今後のためにまとめておく。 IE6で透過pngを適用するには、IE独自拡張のfilterプロパティを使うことに
-
@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。 via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげました。 http://jsdo.it/uupaa/IEAlphaPng_x_Opacity解説 知識として IE6〜IE8では、filter: AlphaImageLoader(src="**.png") で透過png画像を利用できる IE6〜IE8では、filter: alpha(opacity=0〜100)で 画像の不透明度(opacity)を指定できるfilter: は一度にひとつではなく、複数指定できる があり、これを踏まえてfilter: alp
-
Google Code Archive - Long-term storage for Google Code Project Hosting. から透過png処理だけを抜き出し Google Code Archive - Long-term storage for Google Code Project Hosting. としてリリースしました。 IE5.5とIE6で、アルファ成分を含むpng画像を自動的に透過処理します。 背景画像については、class="alpha" か class="png" が設定されている要素のみを透過処理します。 以下の要素が透過対象となります。 <img src="*.png"> <input type="image" src="*.png"> <* style="background-image: url(*.png)" class="alpha"> <*
-
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フィルター使用時の致命的バグである﹁適応ブロック内の
-
1
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx
透過pngを多用したサイトを作って、完全にIE6が嫌いになりました - 小窓屋めがね
IEで透過pngにopacity - latest log
透過png専用のJavaScriptライブラリ(uupaa-suketrans.js) - latest log
今どきのIE用PNG透過事情まとめ - okappublog
