В настоящее время доступно кросс-браузерное решение с девятью патчами для border-radius.

Недавно я разработал для Android и обнаружил, насколько хорош 9-патч. Мне было интересно, можно ли его использовать в веб-дизайне, и zng; ответ да.

Теперь мой вопрос: есть ли что-нибудь (возможно, плагин jQuery) прямо сейчас, который использует метод 9-исправлений для решения проблемы отсутствия кросс-браузерной совместимости border-radius, особенно IE?


person Adam Lynch    schedule 08.08.2011    source источник


Ответы (2)


Да, есть плагин jQuery (как всегда):

http://code.google.com/p/scale9grid/

person thirtydot    schedule 08.08.2011
comment
Я рекомендовал это раньше: stackoverflow.com/questions/6975289/. Этот вопрос не является дубликатом, даже если мои ответы совпадают. - person thirtydot; 08.08.2011

Я читаю хорошую технику под названием полифилл и прокладка. Кроссбраузерные полифиллы помогают достичь того, что вы хотите сделать в один из самых умных способов.

Если вы перейдете по ссылке выше и найдете раздел Стили CSS3, вы получите представление об этом.

Итак, ответ на ваш вопрос: вы можете использовать пример, который я указал выше, чтобы определить поддержку css3. Если css3 поддерживается, вы можете использовать свойство border-img для реализации техники p-patch. В противном случае вы можете найти альтернативу jQuery ИЛИ реализовать свою собственную, например css3pie, чтобы добиться того же.

Пожалуйста, дайте мне знать, если я могу помочь вам в этом. Спасибо и удачи.

person Prashant Lakhlani    schedule 08.08.2011
comment
Единственное решение для радиуса границы CSS3 — это CSS3PIE. Это совсем не то, о чем я просил извините - person Adam Lynch; 08.08.2011