Есть ли способ получить границы радиуса и градиента фона в IE?

Question

Мне интересно, есть ли какие-нибудь обходные пути, использующие javascript или что-то еще, чтобы IE показывал радиус границы или градиентный фон?

Answer 1

Я столкнулся с этим, ища исправления для использования «градиентов и радиуса границы» в IE9. И да, хотя это правда, что теперь вы можете использовать оба в IE9, вы, к сожалению, не можете использовать их вместе.

Проблема задокументирована в нескольких местах:

• http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/
• http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
• IE9: радиус границы и фоновый градиент кровотечения

Эта проблема, похоже, связана с несоответствием радиуса границы старым градиентам фильтра IE. К сожалению, выпуск IE9 не принес должных градиентов CSS.

Answer 2

Это совершенно новое: https://github.com/bfintal/jQuery.IE9Gradius.js

Просто включите скрипт last в тег head, и он должен обработать все остальное. Смотрите примечания readme

Answer 3

Вам не нужно использовать jQuery для закругленных углов, есть решения, которые позволят браузерам вести себя хорошо даже в случае отключения javascript.

Проверьте http://css3pie.com/, предоставляет довольно простое решение (файл htc) для выполнения этой работы. Как указано в monn, градиент IE9 и радиус не работают вместе. Css3Pie предназначен для разработки с разметкой css3, но предоставляет резервные копии для IE обратно в IE6.

Также есть css3please и компас (для рубина).

Эта проблема недавно обсуждалась в очереди проблем HTML5 Boilderplate (HTML5 Boilerplate - это проверенная совместная работа, объединяющая лучшие методы современной веб-разметки в качестве отправной точки для любой платформы). https://github.com/paulirish/html5-boilerplate/issues#issue/354

Вот демонстрация проблемы и решения: http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

Answer 4

jquery по крайней мере для элемента радиус / углы.

Градиентные фоны см. this .