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

时间:2010-06-15 11:49:02

标签: javascript colors background gradient

我需要在表格中的蓝色渐变色背景上显示文字。我怎么能用Javascript渲染这个?

非常感谢!

2 个答案:

答案 0 :(得分: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%
)

答案 1 :(得分:0)

执行此操作的最佳方法是使用渐变的css和背景图像。 使用background css属性。