現在コーディングしているWebサイトには、固定ヘッダー要素があります。ナビゲーションなどが含まれており、スクロールしてもサイトの上部にとどまります。また、ウェブサイトには背景画像があり、ヘッダーは部分的に透明であるため、背景画像もヘッダーの内側にあり、その下のコンテンツをカバーしています. コンテンツにフラッシュオブジェクトが含まれるまで、これは正常に機能します。その場合、下にスクロールしてオブジェクトが固定ヘッダーにヒットすると、ヘッダーの背景画像が奇妙に再配置されます。これについては説明がありません。これは Webkit でのみ発生します。
フィドルをチェックして、必ず mac safari/chrome または win chrome を使用してください
レンダリングされた Web サイトからコードを取得しました。オブジェクトは jwplayer によって生成されます。彼らはそのイーサについて説明がありません。
両方の画像コンテナーには、次の css クラスがあります
.back {
background: url(../img/back_img1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}