css怎么保留原背景图片

CSS是网页设计当中不可或缺的一部分。而保留原背景图片则是在CSS中非常常见的一个需求。本文将介绍如何使用CSS保留原背景图片。

在使用CSS样式对网页进行美化的时候，可能需要更换背景图片，此时需要使用CSS中的background属性。但是如果想要保留原背景图片，只需要使用background属性的url方法引用原背景图片即可。

background-image: url(原背景图片路径);
    

这样，就能够在更换背景图片的同时，保留原背景图片。

另外，还有一种情况，就是需要在一个元素上添加背景图片，而这个元素已经有了背景色。这时，我们需要使用CSS中background属性的layering（图层堆叠）功能。决定图层顺序的是z-index这个属性。

layering的基本语法是：

background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position];
    

具体实现时，需要先设置元素的背景颜色和背景图片。然后将背景颜色设置在后面的图层，将背景图片设置在前面的图层。

background-color: #fff;
       /* 背景颜色 */background-image: url(原背景图片路径);
      /* 背景图片 */background-position: center center;
      /* 背景图片居中 */background-repeat: no-repeat;
      /* 背景图片不重复 */background-size: cover;
     /* 背景大小 */background-attachment: fixed;
     /* 背景固定 */background: #fff url(原背景图片路径) center center no-repeat fixed;
     /* layering */

有了以上的设置，就能够保留原背景图片，同时又能够添加新的背景颜色和背景图片。

总之，在CSS中保留原背景图片需要使用background属性，并且需要注意图层堆叠的顺序。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！