如何使用javascript呈现蓝色渐变颜色

我需要在表格中的蓝色渐变颜色背景上显示文字。我怎么能使用Javascript呈现这个？如何使用javascript呈现蓝色渐变颜色

非常感谢！

2010-06-15 dojomedojo

，如果你知道你的访问者浏览器都支持此功能，您可以用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% 
)

来源

2010-06-15 12:01:29

你好，我还有一个问题。我当前的代码是这样的，我应用了一个静态颜色，如document.getElementById（“box1”）。style.backgroundColor =“＃ffff00”;.我如何将这个-webkit-gradient（）样式应用到这个函数中？ function clickedElement（）{ document.getElementById（“box1”）。style.backgroundColor =“＃ffff00”; } 非常感谢您的帮助。 – dojomedojo 2010-07-27 12:50:56

对于你的问题，应该在CSS类中定义风格，比如说“banner”，然后你就可以通过使用document.getElementById（“box1”）将这个类添加到你想要的元素中。className + = “旗帜”;看到这个问题：http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript – 2010-07-27 13:28:56

做到这一点的最佳方法是通过css和渐变背景图像。使用background css属性。

来源

2010-06-15 11:51:17 dzida

如何使用javascript呈现蓝色渐变颜色

回答

相关问题