Background gradient repeating itself

1

I'm setting up a website for myself, and I've already defined the site's header, section, aside, footer

However, I'm wanting to put a gradient background on the entire site. So I applied in css:

body {     background: linear-gradient (rgba (0,0,0,0,87), rgba (0,0,0,1)); }

When I save and view the site, I applied the gradient to the entire site, but the gradient starts and ends at each frame limit, it is a gradient for header, another for section, another pro footer, etc.

And that's not what I want, I want the same gradient for the whole site. Does anyone know what's wrong, or what I need to put in?

    
asked by anonymous 07.11.2017 / 19:41

2 answers

0

I believe the code below will yield the expected output:

background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,1))) fixed;
    
07.11.2017 / 20:18
0

Use the no-repeat property so that the background is not repeated:

  background-repeat: no-repeat;

If you have more questions, I recommend the site: link

    
07.11.2017 / 20:00