● 内容
① 私の覚書。
② 知恵袋で、Lightbox2 v2.6 でIEでの動作の不具合として、
画像の左右にカーソルを乗せても画像を送る矢印画像が
表示されないと質問がありました。
③ Lightbox2 v2.6 Demo ページは下記
http://lokeshdhakar.com/projects/lightbox2/
● 対応方法
① 矢印部分の背景画像に透明画像を設定するCSSを追加する
例1・・・HTMLに入れる場合
<style type="text/css">
/* line 78, ../sass/lightbox.sass */
/* IE対応 透明画像の追加 */
.lb-prev, .lb-next {
background-image:url(透明画像のURL);
background-repeat:repeat;
}
</style>
例2・・・Lightbox2のCSSに入れる場合(CSSの一番下に追加)
/* line 78, ../sass/lightbox.sass */
/* IE対応 透明画像の追加 */
.lb-prev, .lb-next {
background-image:url(透明画像のURL);
background-repeat:repeat;
}
② 透明画像の例(ファイルの大きさはいくらでもOK)
http://stat001.ameba.jp/user_images/20121017/18/new-blue-777/e0/41/p/o0063003212241588850.png