[Solved] Full Page Backgrounds with Multiple Backgrounds

[joegoldenwell]

Hi guys,

I’m trying to use the full page background technique (posted https://css-tricks.com/perfect-full-page-background-image/) together with the multiple background technique (posted https://css-tricks.com/stacking-order-of-multiple-backgrounds/).

The effect I’m trying to get is to have one background which scales to fill the screen, but have a layer on top with a semi transparent grid mask which is static on top. How will I get the code to work together because the full page background code seems to be overriding everything else.

Thanks guys!!

[Paulie_D]

If you could show us where you are so far in a Codepen.io demo it would be useful.

However, it sounds like you have not separated our the various background properties into comma separated values.

[joegoldenwell]

Thanks for the quick reply Paulie_D.

Actually, I just found out that I was linking to the wrong CSS file. Lol. I was still linking to an old version. It’s all working now. Doing it exactly as shown on those pages works absolutely fine.

Thanks again!!

[Author]

Posts