0

Anchor タグから呼び出されたときに scrollsDown し、その下の Div の 50% をカバーする div があります (より高い z-index を使用)。その div が AJAX 呼び出しを介して読み込まれると、大きすぎるビデオがあります (最小幅: 150%、高さ: 自動)。

下にスクロールする Ajax Div のオーバーフロー設定は :hidden に設定されていますが、再生中の html5 ビデオは、その後、非表示にする必要があるウィンドウ全体の一部を占めます。ビデオは本来あるべき場所に正常に隠され、表示可能な領域が表示されます。私を夢中にさせているのは、ビデオが表示されていない場所のマウスヒット領域であり、ビデオのゾーン(つまり、非表示の可視領域)内にまだ登録されています。

現在、下にある Div の z-index を scrollsDown する Div よりも高くすることでこれを打ち負かしていますが、ビデオを含む Div のオーバーフローが :hidden の場合、これを行う必要はないようです。

興味がある場合は、コードを表示する必要があるかどうかをお知らせください。CSS、HTML5 Video、および :overflow の値を把握しているだけかもしれないので、投稿しません。

これは、テスト中のすべてのブラウザで発生しています。

システム OSX (最新のアップデート、macbook pro retina) Chrome、Safari、Firefox、ie3(冗談)。

4

0 に答える 0