2010-06-03 4 views
1

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

+0

Для градиентов посмотрите на http://stackoverflow.com/questions/213750/gradient-colors-in-internet-explorer (это только IE). – Craig

+0

Что случилось с добрыми днями, когда мы были благодарны за то, что мы можем сделать это с изображениями и целыми позиционирующими хаками? ;-) –

ответ

0

jquery для хотя бы радиуса/угла.

Для градиентных фонов см. this.

5

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

Вопрос документирована в аа несколько мест:

Вопрос, как представляется, связано с границы радиуса не играет хорошо с IE СТАРЫЙ градиенты фильтра. К сожалению, выпуск IE9 не привел к соответствующим градиентам CSS.

+1

Однако это привело к [поддержке SVG, которую вы можете использовать для реализации градиентов, которые прекрасно сочетаются с «border-radius» в IE 9] (http://stackoverflow.com/questions/12211213/ie9-issue- границы радиус-и-линейный градиент/12211297 # 12211297) –

0

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

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

Существует также css3please и compass (для рубина).

Эта проблема недавно обсуждалась в очереди ошибок 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

0

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

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

Смежные вопросы