자바 스크립트를 사용하여 파란색 그라디언트 색상을 렌더링하는 방법

테이블 내의 파란색 그라디언트 색상 배경에 텍스트를 표시해야합니다. Javascript를 사용하여 어떻게 렌더링 할 수 있습니까?자바 스크립트를 사용하여 파란색 그라디언트 색상을 렌더링하는 방법

고맙습니다.

2010-06-15 dojomedojo

: 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"). static.backgroundColor = "# ffff00";와 같은 정적 색상을 적용합니다. 어떻게이 -webkit-gradient() 스타일을이 함수에 적용합니까? function clickedElement() { document.getElementById ("box1"). style.backgroundColor = "# ffff00"; } 도움을 주셔서 감사합니다. – dojomedojo

귀하의 질문에 스타일은 CSS 클래스, 예를 들어 "banner"에 정의 된 다음 document.getElementById ("box1")를 사용하여 원하는 요소에 해당 클래스를 추가 할 수 있습니다. className + = "배너"; 이 질문보기 : http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript –

가장 좋은 방법은 CSS와 그라디언트가있는 배경 이미지를 사용하는 것입니다. background CSS 속성을 사용하십시오. 당신이 당신의 방문자 브라우저가이 기능을 지원하는 것을 알고있는 경우 CSS를 사용하여이 작업을 수행 할 수

출처

2010-06-15 11:51:17 dzida

자바 스크립트를 사용하여 파란색 그라디언트 색상을 렌더링하는 방법

답변

관련 문제