Мне интересно, есть ли какие-либо работы с использованием javascript или что-то еще, чтобы IE отображал границы радиуса или градиента?Есть ли способ получить границы радиуса и градиента в IE?
ответ
jquery для хотя бы радиуса/угла.
Для градиентных фонов см. this.
Я натолкнулся на это, ища исправления для использования «градиентов и границ радиуса» в 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 border-radius and background gradient bleeding
Вопрос, как представляется, связано с границы радиуса не играет хорошо с IE СТАРЫЙ градиенты фильтра. К сожалению, выпуск IE9 не привел к соответствующим градиентам CSS.
Однако это привело к [поддержке SVG, которую вы можете использовать для реализации градиентов, которые прекрасно сочетаются с «border-radius» в IE 9] (http://stackoverflow.com/questions/12211213/ie9-issue- границы радиус-и-линейный градиент/12211297 # 12211297) –
Вам не нужно использовать 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
Это совершенно новое: https://github.com/bfintal/jQuery.IE9Gradius.js
Просто включите скрипт последней в вашей голове тега, и он должен справиться с остальными. См. Примечания readme
- 1. HTML прогресс бар с границы радиуса и фонового градиента
- 2. границы радиуса градиента с прозрачным фоном
- 3. границы радиуса CSS в IE браузере
- 4. CSS границы радиуса и границы
- 5. Есть ли способ сбросить свойства CSS границы, границы радиуса и фона?
- 6. CSS браузер безопасный способ применения границы радиуса?
- 7. Цвет фона утечка элемента с границы радиуса в IE 10
- 8. ie9 радиуса границы CSS
- 9. Есть ли «стандартный» способ вычисления численного градиента?
- 10. Ошибка радиуса границы сафари
- 11. радиуса границы частично нарушен
- 12. Есть ли способ обрезать кегель градиента?
- 13. Вход изменения границы радиуса + предложение
- 14. пунктирные границы на столе с границы радиуса
- 15. CSS Границы линейного градиента
- 16. Добавление изменения границы радиуса цвета цвет границы
- 17. Как получить радиус границы и фон градиента совместной работы в IE 9
- 18. Есть ли способ получить радиус границы для проверки?
- 19. Как CSS стиль границы радиуса
- 20. Есть ли способ установить высоту линии границы?
- 21. Есть ли способ переписать границы CSS класс
- 22. Animate электрокардиограф импульс линии застройки с границы и границы радиуса
- 23. CSS Радиус границы, границы цвета Призрачные угловые границы в IE
- 24. Косая черта/в CSS синтаксисе радиуса границы
- 25. Искаженный круг при использовании радиуса границы
- 26. Есть ли способ преобразовать фон градиента в "border-left"?
- 27. Есть ли векторизованный способ вычисления градиента в sympy?
- 28. Есть ли способ перечислить все зависимости градиента программно?
- 29. Есть ли способ понять, что IE закрывается?
- 30. Анимация радиуса границы в React Native
Для градиентов посмотрите на http://stackoverflow.com/questions/213750/gradient-colors-in-internet-explorer (это только IE). – Craig
Что случилось с добрыми днями, когда мы были благодарны за то, что мы можем сделать это с изображениями и целыми позиционирующими хаками? ;-) –