mediabox.jsのオーバレイの半透明をやめる

JavaScriptの有名なライブラリだけどいまさら使ってみた。
変な抵抗感があったんだけどなかなか良いではないか。
使ってみないとわからんもんだね。

オーバーレイで背景の半透明感とエフェクトがいい感じ、ふふん、とか思ってたらお客さんに、
「ビデオの画面、なんか前の画面が焼き付いてるみたいなんだけど、、、」

あはは、そうですかーーー、焼き付きですかー、あははー

、、、いろんな人がいるな。
で、どうすりゃいいんだ？

最初mediabox.cssにopacity:1とか書いて「おお、成功」とか思っていたらしばらくしてIEでは効いてないことが判明。
そこからが長かった。
最終的にはIEには"filter"を使わなきゃいけないということらしい。
!importantも必要らしい。
なんだ、importantって？
。。。「後から指定したスタイルが優先されます」みたいなことらしい。

で、cssの#lbOverlayに以下を追加。

filter: alpha(opacity=100) !important;
-moz-opacity: 1.0 !important;
opacity : 1.0 !important;

まあ、背景色を半透明して画面遷移していませんよ！オバーレイなんですよ、と主張しているのはただのエンジニアの自己満足なのかな？などと思ったりした。