公開した伏魔殿のコンテンツは、今まで公開した癲狂院と素材工房のコンテンツよりもさらにトリッキーなことをしています。アルファチャンネルPNGを背景画像にして、ページ全体の背景画像が透けるように見せる事によって空間的な演出をより出してみました。

　今までにもそういうことを試してみたのですが、どうしても背景に1ピクセル程の枠線が表示されてしまって、その線がどうしても消せなくて諦めていたんですが、ネットで色々調べたら消せる方法が見つかって、今回導入してみた次第です。

　普通に<img>にアルファチャンネルPNG画像を貼るときは、VMLレンダリングで表示するために<img>を<v:〜>のタグで囲み、Win:IEのみそのタグに置き換える様な方法を採っていたのですが、背景画像では同じように背景にする部分、<div>で囲った部分をやはりVMLで塗りつぶす、という感じで表示しています。

　いつものように、Win:IEがアルファチャンネルPNGをサポートしていないせいで苦労するわけです。そんな中、次期バージョンの7.0でアルファチャンネルPNGに対応する、という記事を見つけました。
　IEBlog : IE7 Transparent PNG Implementation
　マイクロソフトのブログのようで、次期バージョンIEの仕様についていろいろ書かれていて、他の追加としてはタブブラウザにするなどが挙げられている様です。それで、PNGについてはやはりきちんと対応してくれそうです。今まで、Win版のIEだけがアルファチャンネルPNGに対応していなかったせいで、PNGがちっとも普及しなかった原因だと思うのです。現状ではGIFの代わり程度ですし。複雑な透明が表現できるアルファチャンネルPNGがサポートされれば、Webデザインが大きく変わるはずです。

　　もしかしたら、既に自分がやっているようなことが他サイトでもありうるかもしれません。そうなると....少し悔しい気もしますが、どのサイトでもそうなるわけではないし、なによりサイトデザインの捉え方が人とは違う感覚で作っているので、同じには........ならないかも。

　なお、IE7は次期バージョンのOSが出るまで出ないと言われていましたが、どうやらそれを待たずにリリースされるようですね。今年の夏にもベータ版がリリースされる様ですし、かなり楽しみです。