радиус границы не работает в IE, какую библиотеку или CSS-хак мне использовать

Question

Я хочу стилизовать некоторые формы в своем приложении в IE8, но у меня всегда есть проблема с css3. Я уже пробовал с css3pie, но я не очень доволен. Я был бы очень рад, если бы для этого был плагин jQuery. Интересно, можно ли обмануть IE8 чем-то вроде.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Если кто-то решил это, пожалуйста, дайте мне знать. Спасибо-х.

Answer 1

Проверьте это: Закругленные углы в Internet Explorer

Внизу есть ссылки на различные решения.

Answer 2

Вот ваши варианты:

• Используйте какую-нибудь библиотеку псевдосовместимости на основе javascript (например, css3pie).Поскольку эти библиотеки в основном прибегают к взлому контролируемым образом, ваши результаты будут несколько правильными, но не обязательно идеальными.
• Используйте другую / дополнительную таблицу стилей для IE8 (и более ранних версий), добавляя округленные границы с использованием старых-school методы (изображения для углов, с некоторыми дикими всплывающими подсказками и трюками позиционирования; или, что еще хуже, злоупотребление маркерами элемента списка для закругленных углов).
• Использование методов старой школы для всех браузеров- это будет работать, но вы пропустите плавно масштабируемые векторные углы (т. е. он будет пикселизироваться, когда пользователь увеличит масштаб).
• Создайте дизайн, который выглядит достаточно хорошо без закругленных границ, и позвольте IE8 ухудшитьсяизящно.(Это на самом деле каноническое решение, задуманное разработчиками HTML и CSS.)

Некоторые примечания:

• IE8 (и ранее)не единственный браузер, который не реализует border-radius;Opera Mini, довольно популярный мобильный браузер, еще не реализовал их, и настольные Opera, и Opera Mobile не включали их до версии 10.
• Хаки, которые работают на IE8, могут не работать на IE6 и7, поэтому, если вы выберете этот путь, будьте готовы управлять четырьмя различными таблицами стилей вместо одной.
• Многие из старых хакеров с закругленными углами старой школы трудно или невозможно реализовать в гибких макетах, поскольку они полагаются наабсолютное позиционирование и знание размеров других элементов.
• Решения на основе Javascript явно ломаются, если у пользователя отключен Javascript.
• Со временем люди будут переходить на более новый IEверсии.IE8 - самая известная версия на данный момент, но она не будет длиться вечно.

Answer 3

Вы можете попробовать это https://github.com/brandonaaron/jquery-cssHooks

Не использовал его для радиуса границы, но для других css3.Вы должны будете использовать borderradiusalt.js и применить его так:

$('#myElement').css('border-radius', '3px 3px 3px 3px');

Вы также должны поместить border-radius.htc в корень сети (например, где расположен index.html) или страницуиспользует JS.