在Firefox中使用JavaScript设置线性渐变

时间：2018-11-04 23:41:16

标签： javascript css firefox gradient

我尝试使用JavaScript设置元素的背景，例如：

var someVar = 'linear-gradient(to bottom, #60aaff 0%,#2989d8 42%,#207cca 49%,#0a99c9 57%,#7db9e8 71%,#7f4e16 72%,#7a3522 100%)'
//....
element.style.background = someVar;

这种情况以不同的梯度多次发生。

在Chrome中运行正常。在Firefox中，我将旧的渐变色和新的渐变色叠加在一起。

two gradients overlayed

当我签入开发工具时，我看到浏览器将背景设置为

<body id="app-body" style="background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(96, 170, 255)...

在渐变之前添加rgba(0, 0, 0, 0)。

一段时间后，或者如果我打开和关闭*浏览器窗口，它似乎可以正确显示。 （我尝试使用-moz-linear-gradient并获得了相同的结果）。

我认为这是Firefox问题，而不是编码问题。但是我的问题是：是否有解决方法？通过其他方法在程序上设置背景，可能会迫使浏览器正确执行此操作而无需等待。

编辑：*这是指最小化和扩展。

0 个答案:

没有答案
相关问题
最新问题