0

This is my first attempt at a gradient background and basically I want it to flow smoothly in my background, but instead it keeps repeating. All of the answers online are using background images which I'm not using, I'm just trying to set a simple background which shifts into a grayish color. Anyway can someone help me figure out how to make the background stop repeating?

CSS3

.body {
    width: 100%;
    margin: 0 auto;
    clear: both;
    background: #efefef; 
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
    background: linear-gradient(to bottom, #efefef 0%, #bbbbbb 100%);  
}

and this is what I'm getting the green color at the top is my header, so that's supposed to be that way.

SecretWalrus
  • 99
  • 1
  • 1
  • 10
  • 4
    possible duplicate of [CSS3 gradient background set on body doesn't stretch but instead repeats?](http://stackoverflow.com/questions/2869212/css3-gradient-background-set-on-body-doesnt-stretch-but-instead-repeats) – Adrift Jan 28 '14 at 16:42
  • https://stackoverflow.com/a/2870024 This should answer your question. –  Sep 17 '17 at 08:16

0 Answers0