Javascript 滚动时背景图像未保持固定
我是HTML/CSS新手，我正在设计一个基本的网页。我添加了一个背景图像并显示了相关信息。但是，当我滚动网页时，图像在开始时保持不变，当我向下滚动时，它不会显示任何背景。我已附上下面描述我的问题的图片 这是我打开HTML文件的页面 这是我的下滚页面 这是我的代码：Javascript 滚动时背景图像未保持固定,javascript,html,css,Javascript,Html,Css,我是HTML/CSS新手，我正在设计一个基本的网页。我添加了一个背景图像并显示了相关信息。但是，当我滚动网页时，图像在开始时保持不变，当我向下滚动时，它不会显示任何背景。我已附上下面描述我的问题的图片 这是我打开HTML文件的页面 这是我的下滚页面 这是我的代码： <!DOCTYPE html> <html> <head> <title> CSS | HOME </title> </head&g
<!DOCTYPE html>
<html>
<head>
<title>
CSS | HOME
</title>
</head>
<style>
h2
{
color: yellow;
font-family: courier;
}
body
{
position: absolute;
top = 0;
bottom = 0;
left = 0;
right = 0;
background-image:url("tomb_raider_definitive_edition.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.noselect /* Disable Copy Text */
{
-moz-user-select:none; /* Mozila FireFox */
-ms-user-select: none; /* Internet Explorer */
-webkit-user-select: none; /* Chrome, Safari, and Opera */
}
</style>
<body>
<span style="color:red"></span>
<h2 class="noselect; h2">TOMB_RIDER (2013)</h3>
<pre class="noselect">
<!-- Some Info here -->
</pre>
<p class="noselect" style="font-family: verdana;"><strong>TOMB_RIDER</strong></p>
<a href="https://upload.wikimedia.org/wikipedia/en/f/f1/TombRaider2013.jpg">
<img src="TombRaider2013.jpg">
</a>
<table border="1px"; style="border-style:solid;" class="noselect">
<!-- Table code-->
</table>
<h2 class="noselect">Requerment !</h2>
</body>
</html>
CSS |主页
氢
{
颜色：黄色；
字体系列：信使；
}
身体
{
位置：绝对位置；
top=0；
底部=0；
左=0；
右=0；
背景图片：url（“古墓丽影”最终版.jpg）；
背景重复：无重复；
背景尺寸：封面；
}
.noselect/*禁用复制文本*/
{
-moz用户选择：无；/*Mozila FireFox*/
-ms用户选择：无；/*Internet Explorer*/
-webkit用户选择：无；/*Chrome、Safari和Opera*/
}
古墓骑士（2013）
坟墓骑士
再询问！
位置：relative和位置：固定，但它们都不起作用。我在问之前也搜索了一下，但我找不到解决问题的办法
任何形式的帮助都将不胜感激。谢谢。试试这个
body
{
position: absolute;
top = 0;
bottom = 0;
left = 0;
right = 0;
background-image:url("tomb_raider_definitive_edition.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
尝试使用背景附件：已修复
，因为这会将背景图像附加到视口。根据
检查此属性这将解决您的问题
此处，值fixed
用于相对于视口固定背景
您可以像这样编辑代码-
body
{
background-attachment: fixed;
position: absolute;
top = 0;
bottom = 0;
left = 0;
right = 0;
background-image:url("tomb_raider_definitive_edition.jpg");
background-repeat: no-repeat;
background-size: cover;
}
希望这有帮助 看看背景附件@GCyrillus谢谢你！成功了。我知道我错过了一些愚蠢的事情。再次感谢你的帮助。像你这样的人让这个社区变得非常棒。。。！！
body
{
background-attachment: fixed;
position: absolute;
top = 0;
bottom = 0;
left = 0;
right = 0;
background-image:url("tomb_raider_definitive_edition.jpg");
background-repeat: no-repeat;
background-size: cover;
}