CSS cross browser for radial gradient and rotation + radius

Question

Thanks to tools like CSS3 Pie and CSS3Please, I was able to create CSS with multiple browsers.

But I'm still stuck in two areas (due to Internet Explorer, of course):

• radial gradient
• combine rotation and rounded corners

Any guidance on how to solve these problems will be appreciated.

My goal is to create a CSS cross browser pie chart.

Answer 1

For IE you should use

filter: progid:DXImageTransform.Microsoft.Gradient()

See the MSDN documentation here .

Answer 2

: Internet Explorer 6/7/8

css:

.someclass {
    /* here you put your PIE.htc file 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; */
}

, .

piechart : http://raphaeljs.com/pie.html