javascript - Adding content to page messes up with the background -
this question has answer here:
- css background gradient repeat issue 2 answers
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.

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
Post a Comment