SmallStyle

_ 高校サッカーは野洲が優勝!!

高校サッカー決勝は野洲対鹿児島実業．滋賀出身ということもあり，もちろん野洲を応援．テレビでは前半しか見ることができなかったけど，とりあえず優勝したということで，よかったよかった．毎試合，毎試合，技術の高さが見えて，テレビで見てても思わず，おーって言ってしまうプレーが多々あった．攻撃に転じたときの速さがやっぱり見ていて気持ちいい．優勝は難しいんじゃないかなぁとか思っていたのですが，いい意味で期待を裏切ってくれました．

_ Firefox のタブの中で IE が使える IE Tab

Firefox を利用していても，うまく表示がされないサイトや，社内システムで IE に限定されている場合は，Launchy を使って IE を起動していたのですが，えむもじらで紹介されている，IE Tab を利用することで，Firefox のタブの中で IE を利用することが可能になります．無料のストリーミング放送「 Gyao 」も，問題なく見られるということで早速インストールしてみました．詳しい説明については，えむもじらでされています．

常に IE Tab で表示するサイトを設定したり，ステータスバーで，Firefox と IE をワンクリックで切り替え可能です．UA も IE エンジン利用時は，Firefox のものではなく IE のものになります．

Windows Update も問題なく動くそうなので，これで IE を起動することはほぼなくなりそうです．

IE Tab の機能とは直接関係ないのですが，Gyao のスクリーンショットを撮って，Windows 画像と FAX ビューアで見てみると，裏で Gyao を視聴していると，画像の方も映像が動いてる…．不思議だ…．

_ Lightbox JS での 背景画像 (overlay.png) の配置場所

Lightbox JS を使って画像表示をかっこよくみせてみるで，Firefox だとポップアップした画像の周りが暗くなって見えるのですが，IE で表示させると画像のポップアップのみで，背景はそのままになってしまいました．Lightbox JS の配布元では IE でもちゃんと背景も表示されてるから，うちのサイトでの CSS 周りで何か問題があるのだろうと調べてみた結果，単純に背景画像の，overlay.png のPATHの指定が間違っていたのが問題でした．

Lightbox JS の配布元でダウンロードできる CSS では，IE で透過 PNG を表示させるために以下のようなコードが書かれています．

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

Firefox など PNG のアルファチャンネルをサポートしているモダンブラウザでは，

background-image: url(overlay.png);

で，背景を透過してくれるのですが，現在の IE ではサポートされていません（ IE 7 ではサポートされる予定）．

何が悪かったのかというと，CSS からの画像の読み込みは，CSS ファイルのあるディレクトリがカレントディレクトリで，そこからの相対 PATH を指定するもんだと思い込んでいたものですから，当然のように，AlphaImageLoader の src で指定する画像の PATH も同じだろうと考えていました．ところが，AlphaImageLoader の場合は，現在表示しているディレクトリからの相対 PATH を元に画像を参照するようです．

今回の場合，CSS ファイルと画像ファイルを同じディレクトリに配置したので，Firefox では画像を参照できたけど，IE の場合はそれが参照できていなかったというただそれだけのこと．Web サーバのログを確認すればすぐわかったものの，うっかり見逃しちゃってた．とりあえず，IE でも Firefox でも同じ動きをしてくれるようになったので，やっとすっきりした．

というわけで，このサーバでは overlay.png は theme ディレクトリと同じところに配置しているので，

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="theme/smallstyle-3/overlay.png", sizingMethod="scale");

と指定することで解決できました．