<分区>
<分区>
我用过 this生成器来生成我喜欢的渐变背景。有了它,我设法创建了以下外观的 CSS 代码。它在不同口味的蓝色之间逐渐消失。
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%);
我已将其粘贴到我的 CSS 代码的正文部分。它看起来很流畅,但是当我使用 the code I posted in another topic 添加内容时它使背景变成条纹状。
这是一张展示所发生效果的图片。该图实际上是我在body
中添加
时出现的问题的截图。云的情况(对于云,请参见上面的链接)类似,但条纹更宽。
我的 HTML 页面在 body
中包含一些其他元素,但删除它们不会影响这种情况。我在 head
部分和我的代码中包含了 jQuery 1.9.1,这与前面链接的讨论完全相同。
是什么导致了这种问题?
最佳答案
使用background-repeat: no-repeat
。这应该可以解决问题。
关于javascript - 向页面添加内容会弄乱背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15842601/
相关文章:
javascript - ng-model 在 Angular 1.3 中的输入类型编号上抛出错误
javascript - Chrome 扩展程序可以修改 Window 对象,但无法创建新变量
javascript - 如何在 DIV 中的 X Y 位置插入一个元素
javascript - 使用 javascript 删除上传的文件
javascript - Kendo ui grid - 使用 ajax post 进行过滤
javascript - 如何在javascript中用*替换@之前的电子邮件ID文本?