トラブル克服&実験レポート / WebDevelopment  [WEB制作の正しい作法]  

WEB開発・CG製作でのトラブル解決と実験です。
articleList
27PNG画像による透過処理の実験 / Transparent PNG image processing experiments 26Apache インストールの注意点 / httpd-2.2.19 is Buggy software 25jQuery1.4以上のgetJsonエラーと対策/getJson's Error on jquery ver.1.4 24jQuery エラーの原因は、DivX Webプラグイン 23Lady Gaga の新曲リリースにあわせて、カウントダウンするWEBツール作りました。/ Free download countdown parts for Lady Gaga's new album. 22jQueryで上下スクロールの修正 21URIを引数からタイトルに変更しました。 20WIndows7 64bitOSへIE8-32bitの再インストール 19Illustratorで超高速WEBデザイン 18『Clear Fixの勧め』：CSS2の正しい処方！[5]／ブラウザ間の表示差を無くす 17『Clear Bothのブラウザ別仕様』：CSS2の正しい処方！[4]／ブラウザ間の表示差を無くす 16『Clear Bothの必要性』：CSS2の正しい処方！[3]／ブラウザ間の表示差を無くす 15jQueryプラグインに挑戦＾＾ 14jQuery実験：EASINGサンプルの応用「スライドメニュー」 13ｊQuery：実験-上下スクロール 12ｊQueryプラグインの実験-アニメのEasingサンプル 11『3ピクセルジョグ』：CSS2の正しい処方！[2]／ブラウザ間の表示差を無くす 10『マージンの相殺』：CSS2の正しい処方！／ブラウザ間の表示差を無くす 9マルチポストスパム対策決定版!! 8404エラーの不明ファイルURIを取得する。 7サーバーへ連続アクセスの原因究明！！ 6Movable Type3.33-ja の文字化けバグ解消。 5FireFox でGoogleMapが表示されない!! 4検索エンジン、インデックス登録にかかる時間は？ 3タチの悪いウイルスにやられました。 2偶然発見しました(^^;) / MacIEをマウスでスクロール 1壊れたイラストレータファイルを復活！
digivalley0225
digivalley0225 digivalley0225
Join the conversation
27

PNG画像による透過処理の実験 / Transparent PNG image processing experiments [ 2012/01/25 14:08 ]

一年以上前に製作した実験ページです。
最近また、PNGの使用機会が増えてきたのでご紹介します。

pngEx_01


マウスでドラッグして透過の効果を堪能してください。
写真の微妙な透明度もワザ＾＾を使ってます。
どんな写真でもこの処理が可能です。

PNG画像による透過処理の実験

prev

|

next

Date : 2012/01/25 14:08
Posted by digivalley | | Edit |

avater

IE6のためのpng画像の透過処理実験。/Transparent PNG image processing experiments for IE6.
[ 2012/01/30 03:30 ]

IE6でpngを表示させるには、次の二つのjQuery プラグインを使うのが一般的です。
jquerypngfix と DD_belatedPNG。
どちらも一長一短があるので、それぞれの癖を明確にするために実験してみました。

pngEx_002


1. アンカーに設定する場合。
2. アニメーションなどの場合。
3. 透明度を変化させる場合。

以上3点についての実験です。

IE6のためのpng画像の透過処理実験。


prev

|

next

Date : 2012/01/30 03:30
Posted by digivalley | | Edit |

avater

IE8とIE7 は専用の対策が必要/How to Transparent Png Image for IE 8
[ 2012/02/01 12:09 ]

上のままの方法では、IE8,7 では黒淵でますねえ。

pngEx_003

すべて、効果なしですね。
そこでちょいとネットで調べて対策しました。
IE6,7,8すべてOKです。^^
詳細はそれぞれのファイルのソースをご覧ください。

prev

|

next

Date : 2012/02/01 12:09
Posted by digivalley | | Edit |

avater