There is a typical body background layout.

body { font-family: "PTSansRegular", sans-serif; font-weight: normal; font-size: 16px; min-width: 320px; max-width: 1920px; position: relative; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; background-color: #fff; background-image: url(../img/body-bgi.png); background-repeat: repeat; margin: 0 auto; }

Now, in honor of the holiday, you need to put another background on top, in the header of the site. How to implement it without losing the old background?

    1 answer 1

    Option 1:

     background-image: url(../img/1-image.png), url(../img/2-image.png);

    Option 2:

     body{ background-image: url(../img/1-image.png); } body:after{ position:absolute: top:0; left:0; width:0; height:0; content:" "; background-image: url(../img/2-image.png); }