Divを私のiFrameビデオの下に置く方法

Question

私は現在、iframeのビデオを持っていて、これの上に座っている4つのクリック可能な画像です。この下に、私は連絡先の私のページを持っているが、私が直面している問題は、私の連絡先の連絡先を取得する方法ですiframeのビデオを吹く。誰かがこの問題を解決するのに役立つことができますか？現在のところ、私のコードブックでは、私はビデオが配置される場所であるリニアグラデーションを適用していることがわかります。私はContact Me divを持っていても、左上隅には配置されていませんiframeビデオ、そして私はそれがdivから完全に離れてdivの下にあることを望みます。

あなたは、私のCodepenに私のコードを見ることができますhere

、これは私が現在持っているものです。

. 

あなたはスクリーンショットからわかるように、これはフロントページで、しかし、「私に連絡してください」というdivは、ビデオの後ろの上隅に配置されています...誰かがこの問題を解決するのに役立つことができますか？

Answer 1

絶対配置の要素が多すぎます。あなたはそのすべてを必要としません。 子に絶対：親と位置に相対：あなたがしなければならないすべてはポジションを追加している親要素に絶対相対的要素を配置する 。

あなたがすべてを絶対的に配置しているため、要素の高さが失われているためページのフローが壊れているため連絡先divが実際に要素を表示しないためその上に。プラス、あなたは色：白体の上にあり、それは連絡先divを含むあなたのページのすべてに適用されます。それを変更すると、ヘッダーの上に連絡先が表示されます。

さらに詳しい情報が必要な場合はお手伝いします。

Answer 2

連絡先ヘッダーがあります。左上隅にありますが、白です（少なくともコードリンクに表示されているものです）<h1>には、それが目立つようにするためのスタイルカラー、<h1 style="color:blue;">などを付けてください。divも画像の上に移動してくださいあなたのコード。それも助けになるはずです。