3

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

但我仍然被困在两个领域（当然是因为 Internet Explorer）：

  • 径向梯度
  • 结合旋转和圆角

任何有关如何解决这些问题的指针将不胜感激。

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

4

2 回答 2

1

对于 IE，您必须使用

filter: progid:DXImageTransform.Microsoft.Gradient()

请参阅此处的 MSDN文档。

于 2011-02-22T20:07:36.393 回答
0

对于径向渐变检查：为 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-17T13:53:03.133 回答