Question

我有一个应该有背景图像的div。图像分辨率很高，我需要它来获取屏幕大小视口的宽度/高度。向上和向下滚动就可以了。

问题是我正在向右/向左滚动，我需要将其删除，以便图像在没有任何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; */
}

Answer 1

您需要从body元素中删除边距/填充，并在父容器上应用overflow属性，而不是具有背景的元素（如果需要）：

body {
    margin:0;
    padding:0;
}

Answer 2

它对我有用，但尝试在你的身体标签上添加边距0和填充0。

body{
  margin:0;
  padding:0;
}

Div background-image有x我需要删除的滚动

2 个答案: