Закругленные уголки в internet explorer

05.11.2012 23:34:35
Круглые углы в IE одна из довольно неприятных проблем при верстке.
Вот несколько методов выхода из этой ситуации.
  1. Jquery плагин corner

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

    Как использовать:

    1
      $('.myCorner').corner();

  2. Скрипт «css3pie»

    Сайт
    Этот вариант основан на использовании метода behavior
    Проблема – притормаживает. Если элемент создается динамически, то заметен момент перехода от прямых к закругленным уголкам.

    Как использовать:

    1
    2
    3
    4
    5
    6
    .myCorner
    {
      border         : solid 1px red;
      border-radius  : 0 3px 3px 3px;
      behavior       : url(path_to/PIE.htc);
    }


Категории: IE
Яндекс.Метрика