css3 방사형 그래디언트 및 html5 상용구 템플릿

좋아요, 그래서 내 테스트 페이지 중 하나에서 html5 상용구 템플릿을 사용하는 이유를 알아 내려고합니다 ... css3 방사형 그래디언트가 바디 배경에서 작동하지 않습니다 ... ?? css3 방사형 그래디언트 및 html5 상용구 템플릿

body { 
    background-color:#c6c1b8; 

background-image: -moz-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 

background-image: -webkit-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 

background-image: -o-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 

background-image: -ms-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 

background-image: radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%) 
}

http://jiujitsuboise.com/2012-Redesign/

나는 진단 방화 광을 사용하고 있지만, 캔트 무슨 일이 일어나고 있는지 알아낼?

출처

2011-08-26 tony noriega

귀하의 링크가 어디에도 가지 않습니다. – kinakuta

동일한 문제가있는 메신저. 내가 한 모든 것은 상용구의 새로운 사본으로 시작하여 그라디언트 CSS를 추가하는 것입니다. wtf'ing @ myself –

html5 상용구와 함께 제공된 스타일 시트를 제거했지만 그라디언트가 렌더링되지만 잘못 렌더링되었습니다. –

최대한 멀리 IE를 사용하고 있다면 css가 전혀 작동하지 않을 수 있습니다. css 작업을 보려면 mozilla/chrome 최신 버전을 사용하십시오.

`<style type="text/css"> 
body 
{ 
    background-color:#c6c1b8; 
    background-image: -moz-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 
    background-image: -webkit-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 
    background-image: -o-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 
    background-image: -ms-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%); 
    background-image: radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%) 
}</style> <body style=""> </body>`

또는 body 태그 희망의 스타일 속성에 쓰기 : 그것은 당신이 클래스를 작성하려는 경우

또는 다음이

코드처럼 쓰기 내 옆에 일하고있어 이것은 당신을 위해 일할 것입니다 :)

출처

2013-03-06 06:19:15 user1079065

css3 방사형 그래디언트 및 html5 상용구 템플릿

답변

관련 문제