ShiftyFellow
New Member
I've used this generator to produce a gradient background I like. With that I managed to create the following looking CSS code. It fades between different flavors of blue.\[code\]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%);\[/code\]I've pasted that in the body section of my CSS code. It looks smooth but when I add content using the code I posted in another topic it makes the background striped.Here's a picture demonstrating the effect happening. The picture is actually a screenshot of the issue which happens when I add \[code\] \[/code\] in the \[code\]body\[/code\]. What happens with the clouds (for clouds, see the link above) is similar but the stripes are wider.
My HTML page contains some other elements in the \[code\]body\[/code\] but removing them don't affect the situation. I've included jQuery 1.9.1 in the \[code\]head\[/code\] section and my code which is exactly the same as in the discussion linked earlier.What causes this kind of problem?