colorbox.jsが使いやすく良く利用させてもらっていますが、レスポンシブ対応時にスマホでの表示がうまくいかなくなり、いろいろ改善策がないか情報をさがしていました。

 

 

参考にしたサイト

jQueryのlightbox系のプラグインColorboxをiPhone(スマホ)で使う

 

 

別の対策方法がないか調べてみました。

 

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

 

の1行下に

 

#cboxOverlay {
  z-index:9998;
}

 

を追加すると、スマホで見た時にモーダルウィンドウが背景に隠れませんでした。

参考になれば嬉しく思います。

上へ