メニュー

会員登録

 ユーザ登録

検索


Google

カレンダー

20107
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31


透過処理を使ったPNG画像をIE6でも動作するようにする

Hatena::Bookmark del.icio.us Livedoor Clip Yahoo Bookmark POOKMARK. Airlines nifty Clip Buzzurl
イメージ画像

今回サイトのリニューアルに際して大量に導入したPNG画像ですが、多くが透過処理(アルファ)を行っています。しかしながらInternetExplorer6では透過処理を表示することができません。そのため色が微妙におかしくなってしまうのですが、それらをJavaScriptで簡単に対応させることができます。

詳細は以下。

アルファ画像を扱うalphafilter.jsライブラリ[to-R]
http://blog.webcreativepark.net/2007/02/01-233315.html

透過処理のためのソースコードは色々ありますが、今回はここのサイトのスクリプトをいただきました。IE6で見た場合のみ画像の様子がおかしい・・・というときは是非試して見てくださいね。

  • 投稿者:慈円
  • 投稿日時:2007/09/04 20:32:46
  • コメント(5)
  • トラックバック(0)
  • Web制作


この記事へのコメント


1 名前:grap [2007/09/05 09:54:01 ID:50b32700]
こんにちわ。
残念ながら、feedアイコンのpngが透過されていないみたいです。

2 名前:慈円 [2007/09/05 15:27:55 ID:a0037be6]
現在IE6で確認できる環境がないため分かりませんが
とりあえず修正しておきました。透過しているでしょうか?
今後もよろしくお願いします。

3 名前:grap [2007/09/05 17:22:55 ID:50b32700]
無事に透過されました。
しかし、今度は画像が縦に潰れてしまっています。

あと、タグ用のアイコンも透過されていないようです。
IE対策は大変ですね。

4 名前:慈円 [2007/09/06 01:56:30 ID:a0037be6]
それらはうまく動作しなかったようなので
GIFに変更しておきました。
他にも何かあれば再度ご連絡お願いします。

5 名前:grap [2007/09/06 10:24:32 ID:50b32700]
夜中の更新お疲れ様でした。
gifにしたおかげで描画も軽いし、きれいになりました。

この記事にコメントを書く


名前:  メール:

トラックバック



本文中でこの記事のアドレスを引用(リンク)してください。 引用がない場合はスパムとして削除し以降の全トラックバックを拒否します

ブログの人気ページ