如何使用 javascript 渲染蓝色渐变色答案

【问题标题】：How do I use javascript to render blue gradient color如何使用 javascript 渲染蓝色渐变色
【发布时间】：2011-03-03 22:55:29
【问题描述】：

我需要在表格内的蓝色渐变色背景上显示文本。我如何使用 Javascript 渲染它？

非常感谢！

【问题讨论】：

标签： javascript colors background gradient

【解决方案1】：

如果您知道访问者的浏览器支持此功能，则可以使用 CSS 执行此操作： http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

另一个值得访问的链接是这个页面，它有一个 CSS 生成器，允许您以交互方式创建样式： http://gradients.glrzad.com/

这是蓝色渐变的 CSS：

-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.18, rgb(20,169,250)),
    color-stop(0.67, rgb(43,61,255)),
    color-stop(0.86, rgb(36,54,171))
)
-moz-linear-gradient(
    center bottom,
    rgb(20,169,250) 18%,
    rgb(43,61,255) 67%,
    rgb(36,54,171) 86%
)

【讨论】：

你好，我还有一个问题。我当前的代码是这样的，我应用了静态颜色，例如 document.getElementById("box1").style.backgroundColor = "#ffff00";。如何将此 -webkit-gradient() 样式应用到此函数中？函数 clickedElement(){ document.getElementById("box1").style.backgroundColor = "#ffff00"; } 非常感谢您的帮助。
对于您的问题，样式应该在 CSS 类中定义，例如“banner”，然后您就可以使用 document.getElementById(" 将该类添加到您想要的元素中box1").className += "横幅";看到这个问题：stackoverflow.com/questions/195951/…

【解决方案2】：

最好的方法是使用 CSS 和带有渐变的背景图像。使用background css 属性。

【讨论】：