我的问题是,每当我向下滚动时,我网站的背景总是变白。
<div align="center"><img src="bakrund.jpg" class="bg"></div>
.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -5000;
}
我的问题是,每当我向下滚动时,我网站的背景总是变白。
<div align="center"><img src="bakrund.jpg" class="bg"></div>
.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -5000;
}
如果您尝试设置背景图像,请执行此操作
<style>body { background-image:url("YOURURL"); } </style>
它更容易,也更专业。
您应该在 CSS 中使用 body 的 background 属性来定义背景图像,如下所示:
body
{
background-image:url('bakrund.jpg');
}
不要尝试使用 div 破解它。
您必须将位置设置为固定。
尝试:
body
{
background-image:url('bakrund.jpg');
background-size: cover;
background-repeat: no-repeat;
}
这不是您网站的背景 - 它是 div 元素的背景...如果您想设置页面的背景,您需要更改元素中的 CSS。
您是否尝试将高度设置为 100vh?
html {
height: 100vh;
}