Geeklog実験室 Geeklogのテストや改良のためのサイトです    

2010-09-08 00:43
   

透過PNGの対応

変更したところまとめ_重要

今まで散々手動対応してきていた透過PNG(アルファチャネル使用)を画期的な方法で解決できたので重要案件に格上げした。

レイアウトのheader.htmlの<head>エリアに

<!--[if lt IE 7]>
<script type="text/javascript" src="{layout_url}/javascript/pngfix.js"></script>
<![endif]-->

レイアウト/javascript/ に pngfix.js を追加する

以上でBBSなどで表示が不細工になっていたアイコンがきれいに表示される。以前用いていた方法と比較するとはるかにスマートな上にカーソルを合わせたときに指アイコンがなくなってしまうということもなくなった。ただ、記事をメールで送る・プリントアウトするアイコンのサイズが若干おかしいようだ。元のファイルが透過している部分もおかしいので差し替えたほうがよいだろう。以前と比較すればこちらの問題のほうが軽微だ。
スバラシイ!

#サイト名のロゴ表示の透過がうまくいかないようだ。なぜか変更させたくないのかlayout.css中のbackground-imageで表示するというわかりにくい場所と手法だ。この場合の透過はしてくれないので、やはりimgタグなどで表示するのがいいかな。

透過PNGの対応 | 0 件のコメント | アカウント登録
コメントは投稿者の責任においてなされるものであり,サイト管理者は責任を負いません。