border-radius.htc не работает

Question

Я не понимаю, почему border-radius.htc не работает в IE. Я скачал его и положил в тот же каталог, где находится мой CSS-файл.

css/
 -- styles.css
 -- border-radius.htc

В styles.css:

...
.b_rounded {
    /* Для хороших браузеров */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    /* Для плохих IE */
    behavior: url(border-radius.htc); /* учим IE border-radius */
}
...

Но во всех версиях IE блоки с классом b_ounded не округляются. Почему это так?

Answer 1

держать .htc наверху

...
.b_rounded {
/* Для плохих IE */
    behavior: url(border-radius.htc); /* учим IE border-radius */    
/* Для хороших браузеров */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */

}
...

Answer 2

Убедитесь, что файл .htc находится в той же папке, что и ваша таблица стилей.Вам также может понадобиться добавить «.htc» к типам MIME вашего сервера , чтобы обеспечить его правильное обслуживание.

Вместо этого вы можете попробовать CSS3PIE .

Answer 3

"border-radius.htc" не работает с внешними таблицами стилей. Работает только с внутренними таблицами стилей или встроенными.

Answer 4

используйте поведение: url ("PIE.htc"), загрузите его с http://css3pie.com/. Также вы можете использовать положение: относительное и масштабирование: 1 с ним.Это работает точно, я использую это;)

Answer 5

Согласно этому уроку

http://dimox.net/cross-browser-border-radius-rounded-corners/

Вам необходимо использовать absolute path

И заменить http://yoursite.com/ на свой абсолютныйпуть, куда вы поместили файл border-radius.htc.