10

ipad / iphone では、fancybox のメディアの上にオーバーレイが表示されます。つまり、fancybox のコンテンツを含むオーバーレイでページ全体が埋められます。これを修正する方法はありますか？

また、Flashの代わりにhtml5を使用してfancyboxでビデオを再生するjwplayerを使用していますが、問題はビデオの上にオーバーレイが表示されるため、再生ボタンを押すとfancyboxが消えてしまいます...

ipad/iphoneで再生されないfancyboxのjwplayerで、ios用fancyboxでのjwplayerの実装に関する私の以前の質問を参照してください

編集：

興味深いことに、CSS のこのブロックをコメント アウトすると、ipad でファンシー ボックスのビデオをクリックして、ビデオを再生することができます。

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9999;
background: url('fancybox_overlay.png');
}

fancybox は iPhone や iPad では問題なく動作しますが、デスクトップ デバイスでの fancybox の表示は望ましくありません...

4

4 に答える 4

11

z-indexの問題が原因である可能性があります。CSS ファイルの最後に次の行を追加してみてください。

.fancybox-overlay{z-index:9999 !important}
.fancybox-wrap{z-index:99999 !important}
于 2013-02-14T06:19:56.783 に答える