我有一个 Angular 5 应用程序，带有 2 个嵌套路由器导出，我想添加一个始终覆盖整个页面的背景图像。 因此，如果用户开始滚动，内容应该滚动，但背景图像应该始终填充整个背景并且根本不移动(并且不改变大小或拉伸(stretch))，无论导航深入嵌套路由器导出的深度。
此外，我想根据屏幕尺寸更改图片。 (@桌面，@移动)
所以我得到:
<style>
body, html {
height: 100%;
}
.bg {
background-image: url("backgroundImage.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<body>
<div class="bg">
<app-root></app-root>
</div>
</body>
只要它最初用背景图像填充屏幕，这种方法就有效，但是如果嵌套组件变得太大并且用户开始滚动，则图像将与其余内容一起滚动。
我可以添加什么来使其不可移动并始终全屏显示？
最佳答案
使用background-attachment:fixed;就可以完成这项工作。
关于html - Angular 5全屏不可移动、不可拉伸(stretch)的背景图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49040721/