2017-12-08 9 views
0

私は背景画像が必要なdivを持っています。画像の解像度が高いです、私はそれが画面サイズのビューポートの幅/高さを取る必要があります。スクロールアップとダウンはOKです。Div背景画像がありますx削除する必要があるスクロール

問題は、右または左にスクロールしていることです。画像がxスクロールなしで画面全体を塗りつぶすように削除する必要があります。私はoverflow-x:hidden;を入れたが、スクロールは残っている。 overflow:hidden;でもこのトリックはしませんでした。

#bgImg{ 

background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("images/header.jpg"); 
background-size: cover; 
background-position: center; 
/* background-repeat: no-repeat; */ 
height: 100vh; 
max-width: 100vw; 
overflow-x:hidden; 
/* padding-bottom: 30px; */ 
} 
+0

やあので、あなたを持っています試したところ、 'max-width:100%;'?私はそれが 'body' - ' margin'や 'padding'のようなものかもしれないと思います。 – Ylama

答えて

1

body { 
    margin:0; 
    padding:0; 
} 
+1

あなたは私がオーバーフローを適用したと言ったように、今はうまくいきました。 – YMA981

0

それは私にとって良い作品が、あなたのbodyタグにマージン0とパディング0を追加してみてください。

あなたは(必要な場合) body要素からマージン/パディングを削除し、バックグラウンドで 親コンテナとない要素にoverflowプロパティを適用する必要が
body{ 
    margin:0; 
    padding:0; 
} 
関連する問題