Благодаря инструментам, подобным CSS3 Pie и CSS3Please, мне удалось создать кросс-браузерный CSS.Кросс-браузерный CSS для радиального градиента и поворота + радиус
Но я до сих пор застрял в двух областях (из Internet Explorer, конечно):
Любые указатели на то, как решить эти вопросы будут оценены.
Моя цель - создать круговую диаграмму для кросс-браузера CSS.
Для IE, вы должны будете использовать
filter: progid:DXImageTransform.Microsoft.Gradient()
Смотрите MSDN documentation here.
Для радиального градиента проверки: 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; */
}
вы можете назначить разный радиус на каждом углу, и это работает для всех браузеров.
и PieChart проверить это: http://raphaeljs.com/pie.html
вы смотрите на этом примере: HTTP: //atomicnoggin.ca/blog/2010/02/20/pure-css3-pie-charts/ –
Да, тоже: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-charts/index.html Моя проблема - заставить это работать в Internet Explorer. – Christophe
Используйте [this] (http://jquery.malsup.com/corner/) плагин jQuery для радиуса границы и используйте плагин [this] (http://7synth.com/dev/bin/gradient.js) для градиенты в. – noob