Question

感谢CSS3 Pie和CSS3Please等工具，我已经能够创建跨浏览器的CSS。

但我仍然陷入两个方面（当然因为Internet Explorer）：

径向渐变
结合旋转和圆角

任何有关如何解决这些问题的建议都将不胜感激。

我的目标是创建一个CSS跨浏览器饼图。

Answer 1

对于IE，你必须使用

filter: progid:DXImageTransform.Microsoft.Gradient()

请参阅MSDN documentation here。

Answer 2

对于径向渐变结帐：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

用于径向渐变和旋转+半径的跨浏览器CSS

2 个答案: