html - Z-index が原因でビデオとのマウス操作が失敗する

Question

私は自分のポートフォリオ ( http://lab.robinandersen.no/ ) に取り組んでいますが、私の問題は、ビデオの再生を押すことができないことです(オレンジ色の四角までスクロールします)。

その理由は、前に div を使用して、フッターとヘッダーをその上に浮かせておくためだと思います。これを回避する方法はありますか？

Answer 1

ラッパータグはありません。

これをに変更してdiv id="wrapper"、そのようなスタイルを追加する場合：

#wrapper {
    width: 100%;
}

次に、ヘッダーを次のようにスタイル設定します。

width: 400px;
text-align: center;
position: fixed;
margin: 0 auto;

#workまた、ラッパー内でdivを移動します。それはあなたのために働くはずです。

Answer 2

再生ボタンは問題なく押せますが、ブラウザは何をお使いですか？

修正は、ビデオに z-index を追加することです。

#work video {
height: auto;
width: 100%;
margin: -3;
z-index: 99;
}