Question

目前，我的CSS样式表中有以下设置：

.Body {
background-color: #303030;
background-image: url("Background.png");
background-attachment: scroll;
background-size: cover;
display: block;
background-position: top;
background-repeat: no-repeat;
}

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="Body">
<div>
<img class="Header" src="Header.png">
</div>
</body>

我进行了这些设置，以确保背景响应，现在完美无缺。但我有一个问题，我不能向下滚动页面，这意味着没有显示滚动条。否则，当我将图像的宽度设置为100％而我的高度设置为6572px时，一切都很完美 BTW：我的图像分辨率是1920 x 6572.

PS：我必须为我奇怪的英语道歉，但这不是我的母语

Answer 1

**更新

尝试添加

<img class='im' src='Background.png'>

身体标签后的

的CSS：

body {
    margin: 0;
    overflow-x: hidden;
}
.im{
    position:absolute;
    top:0;
    width:100%;
    height: auto;
    z-index:-1;
    ...
}

**更新2

这里有一个有效的例子：https://codepen.io/jjyepez/pen/AXNorQ

在自己的网站上滚动是不可能的

1 个答案: