【IE8以下で透過処理】AlphaImageLoaderがうまくいかない場合の理由とポイント。 | teacatcreates: thing
どうも5月病です。 今回は、IE8以下で24bit透過pngを使ってopacity処理、またはjQueryでのfadeIn・fadeOut処理を行う際に、半透明部分がベタでジャギーな背景になってしまう問題の解決方法とその留意点について書きます。 頼むからIE8以下で見ないでくれ！とは言えないこんな世の中 さて、そもそもこの問題について簡単に説明します。 問題が発生する条件ですが、 ・IE8以下で24bit透過pngを使用 ・かつopacity処理、またはjQueryでのfadeIn・fadeOut処理を行う です。 それで起こる問題は ・半透明部分がベタでジャギーな背景になってしまう こんな感じですね、憎たらしい！ これの解決方法は以下3点でしょうか。 IE8以下を切り捨てる 世のマークアップエンジニアの本音はここです。 ホントは僕らリッチな表現出来るんですよ！ …みんなChrome使えば
css3 Fillter Effects -webkit-filterを試してみました。
css3ではFillter Effectsも実装予定となっております。 開発用webブラウザ、webkitにて以下の画像を使い検証を行いました。 webkit http://nightly.webkit.org/ 以下の画像を元にcssで変化させます。 -webkit-filter: blur(3px); -webkit-filter:brightness(30%); -webkit-filter:contrast(30%); -webkit-filter:grayscale(); -webkit-filter:sepia(); -webkit-filter: invert(); -webkit-filter: opacity(30%); -webkit-filter: saturate(50%); -webkit-filter:hue-rotate(90deg); -webkit-fil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
