用於徑向漸變和旋轉半徑的跨瀏覽器CSS

感謝像CSS3 Pie和CSS3Please這樣的工具，我已經能夠創建跨瀏覽器的CSS。用於徑向漸變和旋轉半徑的跨瀏覽器CSS

但我仍然停留在兩個方面（因爲當然的互聯網瀏覽器）：

徑向漸變
結合旋轉和圓角

任何指針如何解決這些問題將不勝感激。

我的目標是創建一個CSS跨瀏覽器的餅圖。

2010-11-08 Christophe

你看看這個例子：HTTP：//atomicnoggin.ca/blog/2010/02/20/pure-css3-pie-charts/ – 2010-11-08 06:59:17

是的，一個：http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-charts/index.html 我的問題是讓它在Internet Explorer中工作。 – Christophe 2010-11-08 08:03:59

使用[this]（http://jquery.malsup.com/corner/）用於border-radius的jQuery插件並使用[this]（http://7synth.com/dev/bin/gradient.js）插件ie中的漸變。 – noob 2012-01-17 14:02:19

對於IE瀏覽器，你將不得不使用

filter: progid:DXImageTransform.Microsoft.Gradient()

請參閱MSDN documentation here。

來源

2011-02-22 20:07:36 mcritz

對於徑向漸變結帳：Create a radial gradient for Internet Explorer 6/7/8

和圓角簡單地把這些給你的CSS表：

.someclass { 
    /* here you put your PIE.htc file's adress */ 
    behavior:url(/Content/PIE.htc); 
    /* and wish, it behaves like a pie! */ 
    border-radius:22px 22px 14px 14px; 
    /* also you can do smt like */ 
    /* border-radius:14px 22px 30px 36px; */ 
    /* or smt more sexy like */ 
    /* border-radius:32px 10px 32px 10px/32px 10px 32px 10px; */ 
}

您可以指定不同的半徑各個角落，它適用於所有瀏覽器。

和餅圖檢查了這一點：http://raphaeljs.com/pie.html

來源

2012-01-17 13:53:03

用於徑向漸變和旋轉半徑的跨瀏覽器CSS

回答

相關問題