如何使用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呈現藍色漸變顏色

回答

相關問題