これは私がクロムで遭遇した最も奇妙なバグですが、残念ながら法的制限のためにサンプル画像を表示できません。できるだけそれを説明しようとします。Chrome:HTML5ビデオの位置を持つ:固定または絶対にバックグラウンドのすべての添付ファイルが壊れています
私は、このウェブサイトを構築しています。このウェブサイトには、ビューポートサイズのセクションを通る無限のスクロールがあります。最初のセクションでは、バックグラウンドで位置が固定されたフォームとhtml5ビデオと、フォローアップセクションの単純な背景画像(奇数番号のセクションはbackground-attachment: fixed;
)があり、やや視差効果があります。
ここで非常に奇妙なことは、最初のセクションにフォーム入力の1つを集中させると、background-attachment: fixed;
のセクションはすべて、その背景イメージを失います... CSSルールには残っていますが、レンダリングされる(ただ白い)。
this SO threadやthis postのような類似の問題に対していくつか解決策を試しました。 2番目の方法で最も面白いのは、固定されたbgイメージのセクションに-webkit-transform
または-scale
を追加すると問題がすぐに発生します。これは本当にわかりません。
私は誰かがこの問題を手伝ってくれることを願っています。その視差のような視差を持つことが非常に重要です。
とにかく私のページに似ているわけではないが、とにかく問題を示しているが、そこには画像の代わりにビデオが表示されているが、私のページでは、 2番目のセクションですので、それは白です...
ダミーデータでフィドルを作成できますか? –
残念ながら、jsfiddleで自分の環境を再構築するには時間がかかりすぎるでしょう。しかし、私はちょうどそれが明らかにバックグラウンドアタッチメントを引き起こすhtml5ビデオであることを理解しました。 – Simon
ビデオやそのラッパーの位置が固定でも絶対的でも... – Simon