css固定背景怎么加两张图

CSS固定背景指的是在网页滚动的过程中，背景始终保持不变。要实现这一效果，可以通过CSS中的background-attachment属性来实现。以下是关于如何加两张图实现CSS固定背景的详细介绍。 首先，我们先来介绍一下background-attachment属性。这个属性用来设置背景图像的相对位置，常用的取值有scroll、fixed和inherit。其中，scroll表示背景会随着内容的滚动而滚动，而fixed则表示背景会固定在页面上，即滚动时背景不会改变位置。inherit表示这个属性值从父元素继承。 接下来，我们就可以开始加两张图实现CSS固定背景了。假设我们要在网页上加入两张图，一张是山水风景，一张是城市夜景。我们可以把这两张图都设置为背景图像，并使用background-attachment: fixed;来实现固定背景的效果。代码如下：

p{
background-image: url("shanshui.jpg"),url("chengshi.jpg");
background-repeat: no-repeat;
background-position: top left,bottom right;
background-attachment: fixed;
}

在上面的代码中，我们使用了逗号分隔的方式来设置两张背景图像。第一张图的位置设置为top left，即在页面左上角；第二张图的位置设置为bottom right，即在页面右下角。这样，当用户在页面上滚动的时候，这两张图都会固定在相应的位置不变。 为了使两张图不重叠，我们还设置了background-repeat: no-repeat来确保背景不会重复出现。这样，我们就可以在网页上添加两张图，并使用CSS实现固定背景的效果了。