javascript - Adding content to page messes up with the background -


this question has answer here:

i've used this generator produce gradient background like. managed create following looking css code. fades between different flavors of blue.

background-image: -ms-linear-gradient(top, #2bd0ff 0%, #09adf1 100%); background-image: -moz-linear-gradient(top, #2bd0ff 0%, #09adf1 100%); background-image: -o-linear-gradient(top, #2bd0ff 0%, #09adf1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2bd0ff), color-stop(1, #09adf1)); background-image: -webkit-linear-gradient(top, #2bd0ff 0%, #09adf1 100%); background-image: linear-gradient(to bottom, #2bd0ff 0%, #09adf1 100%); 

i've pasted in body section of css code. looks smooth when add content using the code posted in topic makes background striped.

here's picture demonstrating effect happening. picture screenshot of issue happens when add   in body. happens clouds (for clouds, see link above) similar stripes wider.

enter image description here

my html page contains other elements in body removing them don't affect situation. i've included jquery 1.9.1 in head section , code same in discussion linked earlier.

what causes kind of problem?

use background-repeat: no-repeat. should solve problem.


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -