gpt4 book ai didi

html - 在自己的网站上无法滚动

转载 作者:太空宇宙 更新时间:2023-11-04 09:53:20 25 4
gpt4 key购买 nike

目前,我的 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 时,一切都完美无缺顺便说一句:我的图像分辨率是 1920 x 6572。

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

最佳答案

** 已更新

尝试添加一个

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

紧跟在 body 标签之后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

关于html - 在自己的网站上无法滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38937999/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com