0

現在コーディングしている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;
}
4

0 に答える 0