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可能無法工作。使用mozilla/chrome最新版本查看css的工作情況。它的工作在我身邊
，或者如果你想將它寫在一個類，那麼這樣寫

代碼：

`<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樣板模板

回答

相關問題