2017-10-26 21 views
0

私のHTMLには、100%幅のdivがいくつか含まれています。これらのdivには背景画像のルールが適用されています。 それぞれの周囲のキャンバスdivは相対位置ですが、背景画像divは絶対位置です。HTML + CSS:background-size:cover; not working

背景サイズ:カバーがあります。各背景画像divに適用されますが、何らかの理由でこれが機能しません。

例えば、このページをチェックしてください:背景画像と https://mitteiler-os.de/

最初の二つの「スライダー」のセクションでは、左右にショー白いバーを適用します。これらの2つのセクションには、背景画像のCSSに1980x1000ピクセルの画像が適用され、残りのスライダにはさらに広い画像が適用されます。

何故か、background-size:coverがここではうまくいかない理由は分かりません。

アイデア?

答えて

0

私はそれが私のために働くと信じています。 !? 左または右に白いバーが表示されません。

ページが本当に小さい画面(携帯)

+0

に素敵適応しないワンサイドノートでは、私は別のファイルサイズ(最も長い辺2,048ピクセル)をアップロードしました。 1980px幅x 1000pxの高さの画像を使用したときに空白が表示されました。 は本当に奇妙です。 私はテーマをコード化していませんでした。私の仕事は、テーマが、フロントページのフルサイズの画像を非常に小さな画像サイズにリサイズする理由を見つけ出すだけでした。私はそれを修正し、サイト上の他の何かをチェックしなかった;) しかし、私はサイトの所有者に応答性を修正する必要があることを知らせます。 ヘッドアップありがとう。 – Saskia