IEでの透過pngをはてなダイアリーに実装してみてわかったこと。

今回の「京都　恋桜」テンプレートをはてな仕様にしていた時につまづいたのが、IEでの透過PNGを背景にするときのコーディング。

このテンプレートのように背景に写真などの画像を持ってきて、

ie7.js
http://code.google.com/p/ie7-js/
PNG-TR（最近名称変更並びにAPI更新）
http://groups.google.com/group/png-tr
などのjavascriptを使えば、難なく対応できるのかと思うのだが

はてなダイアリーでは外部のjavascriptが使えない。

progid:DXImageTransform.Microsoft.AlphaImageLoaderを使ってpng透過できるが、それでも指定した要素（ブロック）内のテキストリンクがクリックできない（マウスイベントが無効になる）といったことから
※ブロック要素を追加すれば対応できるみたいなんですが、コードも追加できない（面倒がある）。
対応策についての説明が書いてあるページ
http://www009.upp.so-net.ne.jp/custom/IE6-pngkadomaru.html

結局IEでは透過pngを使うことをあきらめ、
普通に背景色を指定し、透過させるようにしました。

Operaは確認していませんが、Firefox,safariでは、透過PNGにて表示が確認できます。IEについては背景色を指定して透過させています。
IE7,IE6では同じように背景が透過されて表示確認できています。IE5.5では透過されなく、そのまま背景色100%にて表示されています