CODEWITHSUNDEEP
csschartsradial-gradients
Christophe
Christophe

Reputation: 28114

Cross-browser CSS for radial gradient and rotate+radius

Thanks to tools like CSS3 Pie and CSS3Please, I have been able to create cross-browser CSS.

But I am still stuck in two areas (because of Internet Explorer of course):

Any pointers to how to address these issues would be appreciated.

My objective is to create a CSS cross-browser pie chart.

Upvotes: 3

Views: 3497

Answers (2)

Berker Yüceer
Berker Yüceer

Reputation: 7335

For radial gradient checkout: Create a radial gradient for Internet Explorer 6/7/8

and for rounded corners simply put these to your css sheet:

.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; */
}

you can appoint different radius to each corner and it works for all browsers.

and for piechart check this out: http://raphaeljs.com/pie.html

Upvotes: 0

mcritz
mcritz

Reputation: 813

For IE, you’ll have to use

filter: progid:DXImageTransform.Microsoft.Gradient()

See the MSDN documentation here.

Upvotes: 1

Related Questions