Lightbox(JQuery)を利用して、サムネイルをクリックすると大きな画像を表示させるスライドショーを久しぶりに利用してみる。
Firefoxでは問題なく、大きな画像が表示されると、外側の背景は元のページを黒で透過させて背景ページが見えている。
ところがIEで表示させると、背景が黒で塗りつぶされてしまっている。
これがIEの不具合なのか、Lightboxの記述方法の問題なのかはさておき、IEでも大きな画像の背景を透過させるための解決策、対応方法を記す。
■IEでもLightboxで表示した画像周りの背景を透過させる方法
lightbox.cssの記述の最後のIDセレクタ、#overlayのプロパティに以下を追加します。
filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;
上の記述で対象のID内の領域が透過されます。
これで解決です。