html - CSS3 Firefox 径向渐变消失

Question

我有一个背景为 HTML5 的页面:

background: -moz-radial-gradient(center, ellipse cover,  #868c93 0%, #28343b 100%);

这工作正常，直到页面变长(15000 像素左右)，此时背景在 Firefox 上完全消失。

寻找其他地方为我提供了两个不适用于此的解决方案。他们将使用 html 和 body height 100%，或者 background-attachment:fixed。两者都匹配视口(viewport)的渐变高度，而不是文档高度。

这适用于较短的页面，但在较长的页面上会出现 FF 中断。有没有我可以在不重构 html 的情况下使用的 CSS 技巧？

Answer 1

在我的情况下，以前的答案没有解决它，但我找到了一个解决方案:

    background: -moz-radial-gradient(center, ellipse cover,  #868c93 0%, #28343b 100%) no-repeat;

一旦我指定“不重复”，无论文档高度如何变化(无限滚动)，它都会遵守 100%。