Границы радиуса для IE8

Question

У меня проблема с радиусом границы в IE8, до сих пор я использовал pie.js, но я не рекомендую эту библиотеку js, потому что она глючит.Если у вас небольшой сайт с небольшим количеством html-страниц, использование этой библиотеки более чем нормально, но если у вас тяжелое приложение, в котором используется много разных фреймворков, то использовать его невозможно.Такое же поведение для CurvyCorners или других мега библиотек.

Так что, если кто-нибудь может помочь мне с небольшим плагином jQuery или javascript, чтобы сделать только border-radius в IE 8, я буду благодарен за жизнь.

Answer 1

Вы пробовали это: http://jquery.malsup.com/corner/

Answer 2

Не уверен, был ли он рассмотрен предыдущими авторами, но я использовал в основном библиотеку dd_roundies, и только для закругленных углов все работало нормально. Хотя смешивать углы с фильтрами IE обычно было слишком много.

Answer 3

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

Интенсивное использование элементов css3 в этих браузерах, не соответствующих css3, не дает хороших результатов, есть вероятность, что их система тоже не обновлена, что делает их крайне медленными. Так что им хорошо до деградации до нормального угла.

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

Answer 4

Я бы порекомендовал дать Modernizr , и самое главное, вы можете использовать его для замены большинства (если не всех) неподдерживаемых CSS3 в старых браузерах. Я использовал его в ряде крупных веб-приложений без каких-либо драм.

Вы также можете взглянуть на библиотеку jQuery UI , которая, как мне кажется, имеет несколько скриптов с закругленными углами.

Надеюсь, это поможет ... удачи!

Answer 5

Используйте этот код, чтобы получить закругленный угол в IE 6 +

<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/JavaScript" src="http://malsup.github.com/jquery.corner.js</script>
<script>
    $('#logo-navsection').corner( function() {
        $("this").css("border-top", "0px 0px opx 10px")                
    });
</script>

Answer 6

Просто еще одно решение на основе JavaScript: Nifty Corners Cube . Он выпущен как GNU GPL и не требует jQuery.