Кроссбраузерный CSS для радиального градиента и поворота + радиуса - PullRequest
Новая
       4

Кроссбраузерный CSS для радиального градиента и поворота + радиуса

3 голосов
/ 08 ноября 2010

Благодаря таким инструментам, как CSS3 Pie и CSS3Please, я смог создать кросс-браузерный CSS.

Но я все еще застрял в двух областях (конечно, из-за Internet Explorer):

  • радиальный градиент
  • объединить вращение и закругленные углы

Буду признателен за любые указания по решению этих проблем.

Моя цель - создать кросс-браузерную круговую диаграмму CSS.

Ответы [ 2 ]

1 голос
/ 22 февраля 2011

Для IE вам придется использовать 

filter: progid:DXImageTransform.Microsoft.Gradient()

См. Документацию MSDN здесь .

0 голосов
/ 17 января 2012

Для проверки радиального градиента: Создание радиального градиента для 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

...