Как использовать JavaScript для рендеринга синего цвета градиента

Question

Мне нужно отобразить текст на синем фоне градиента в таблице. Как я могу сделать это с помощью Javascript?

Большое спасибо!

Answer 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%
)

Answer 2

Лучший способ сделать это - css и фоновое изображение с градиентом. используйте background css свойство.