border-radius ie8

Тема в разделе "Верстка", создана пользователем Davahkiin, 15 окт 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Davahkiin

    Davahkiin Постоялец

    Регистр.:
    20 мар 2014
    Сообщения:
    86
    Симпатии:
    3
    как сделать скругления в ие8, пробовал через border-radius.htc, css3pie то в примере работает на сайте нет?
     
  2. Amazko

    Amazko Поднимаю Резонанс

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    738
    Симпатии:
    470
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    -o-border-radius: 5px; /* Opera */
    -ms-border-radius: 5px; /* IE8 */
    -icab-border-radius: 5px; /* Icab */
    border-radius: 5px; /* CSS3 */
    behavior: url(border-radius.htc); /* IE */

    гуглиться на раз два, если честно.
     
    naz95naz и Denis_Pi нравится это.
  3. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    CSS свойство border-radius в IE
    Стандартный Internet Explorer НЕ потдерживает свойство border-radius. Потдержку можно реализовать при помощи использования htc-файлов.

    HTC-файл
    Это файл расширения IE, написанный на языке программирования VML, htc файлы позволяют добавить в IE новую функциональность, в нашем случае это поддержка border-radius. Более подробную информацию можно получить на сайте разработчика .

    Подключение htc-файла в CSS IE
    Необходимо
    • Скачать htc-файл реализующий поддержку border-radius,
    • Разместить его в корневом каталоге сайта.
    Применение в CSS
    пример:

    behavior: url(border-radius.htc);
    border-radius:10px;
    Ограничения
    Такой border-radius принимает только одно числовое значение. Иными словами, используя этот метод можно задать только одинаковое скругление для всех углов блока.
     
    Amazko нравится это.
  4. Davahkiin

    Davahkiin Постоялец

    Регистр.:
    20 мар 2014
    Сообщения:
    86
    Симпатии:
    3
    Код:
    input[type="text"], input[type="password"] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(border-radius.htc);
    }
    использую такой код, не работает. хотя файл htc находится в папке с ксс файлом
     
  5. Amazko

    Amazko Поднимаю Резонанс

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    738
    Симпатии:
    470
    покаж демку, или на локалке?
     
  6. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    Так укажите правильный путь до этого файла - 99,9% что путь к нему указан не верно, к тому же
    border-radius: 5px;
    необходимо указать после подключения border-radius.htc
     
  7. Davahkiin

    Davahkiin Постоялец

    Регистр.:
    20 мар 2014
    Сообщения:
    86
    Симпатии:
    3