- ベストアンサー
動画ヘッダーの実装方法とコンテンツの重なりを解消する方法について
- 動画ヘッダーの実装方法とコンテンツの重なりを解消する方法について教えてください。
- フルスクリーンでの動画ヘッダーの場合、positionをfixにして全体まで広げる方法もありますが、positionをabsoluteにしてスクロールした際に流れるヘッダーにしたい場合、その実装方法やコンテンツの重なりを解消する方法について教えてください。
- ビデオの上にdiv要素を作成して高さを合わせる方法も試しましたが、拡大や縮小した際にコンテンツが重なったり表示が崩れたりします。この問題を解決するための方法について教えてください。
- queschoooon
- お礼率97% (46/47)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
js使うと記載した後考えましたが、それposition;absoluteである必要がないと思います。 普通に ビデオ メニュー とボックスを並べればいいと思います それでメニューにマイナスマージンとれば完成じゃないでしょうか？
その他の回答 (2)
- muuming2001
- ベストアンサー率23% (202/847)
私ならjavascript使います。やったことはないのでcssだけで実現可能かもしれませんが・・ ブラウザの幅によってビデオの縦幅は可変なので、初回表示時とwindowサイズ変更時にvideoの縦幅を取得し必要数マージンかパディングを取る。
お礼
真摯ご対応くださいまして、 誠にありがとうございました。
- muuming2001
- ベストアンサー率23% (202/847)
もう少し 質問をピンポイントにされたほうが良いと思います。 「思ったようにうまくできません。うまくいく方法教えてください。」 だと、質問者さんの頭のなかでどうやりたいかの正解像を把握するという余計な労力が必要です。 どこがうまくいかないのか単純化したうえで質問されたほうが良いと思います。 このままでも答えてくれる優しい人も居るでしょうが…
お礼
muuming2001 様 なんとか解決できました。 ありがとうございました。
補足
muuming2001 様 ご指摘いただきまして、誠にありがとうございます。 ご指摘をいただきまして、自分のやりたいことを再考してみましたところ、 動画にabsoluteを指定した場合、コンテンツが動画に被さらないように 改善したい。ということがしたいと見えてまいりました。 こちらのサイトが非常にイメージに近いものとなります。 http://www.foodconnection.jp/recruit2017/ http://dena.com/jp/recruit/students/ お手数ですが、引き続きまして、何卒よろしくお願い致します。
お礼
本当にありがとうございます。
補足
muuming2001 様 いろいろとご考察くださいまして、誠にありがとうございます。 引き続きご指摘の点も含めてトライしていきたいと思います。