Как использовать border-radius.htc с IE, чтобы сделать закругленные углы - PullRequest
Новая
       28

Как использовать border-radius.htc с IE, чтобы сделать закругленные углы

4 голосов
/ 02 ноября 2010

Как использовать border-radius.htc с IE для создания закругленных углов

Я использую border-radius.htc , чтобы исправить границы радиуса в IE

Это работает очень хорошо здесь http://www.faressoft.org/eshterakat/border-radius/border-radius.html

Но это не работает на моей HTML-странице!Я не знаю почему!http://www.faressoft.org/eshterakat/

-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url('Js/border-radius.htc');

-

/* I tried '../Js/border-radius.htc' it didn't work too */
/* I tried '/Js/border-radius.htc' it didn't work too */
/* I tried 'Js/border-radius.htc' it didn't work too */

Ответы [ 3 ]

4 голосов
/ 02 ноября 2010

Есть 2 ошибки с HTC;

  • Сервер должен настроить сервер HTC с правильным типом MIME (текстовый / x-компонент), если ваш на Apache добавит это в вашу конфигурациюили .htaccess: AddType text / x-component .htc

  • В CSS URL-адреса относятся к CSS-файлу ... Ссылки HTC относятся к HTML-странице вызова - будьте осторожны.

2 голосов
/ 02 мая 2012

Просто отредактируйте файл border-radius.htc 

fill.color = fillColor;

в 

fill.color = (fillColor=='transparent') ? 'none': fillColor;

, измените и поместите css-файл и htc-файл в одну папку, например, имя папки "cssSupport", а затемкак: 

zoom:1;
display: block;
background-color:Transparent;
border: 1px solid #696;   
-webkit-border-radius:8px;   
-moz-border-radius:8px;   
border-radius:8px;
border-bottom-right-radius:8px;   
border-bottom-left-radius:8px;   
behavior:url(../CSS_Support/border-radius.htc);

Попробуйте это.Это определенно будет работать.Наслаждайтесь IE8.

1 голос
/ 24 ноября 2011

Это на самом деле что-то конкретное, что было упомянуто очень кратко.

При использовании компонентов HTC необходимо убедиться, что они находятся в корневом каталоге сайта. Тогда вы бы просто упомянули поведение: url (css3orw / e.htc);

URL в этом предложении не совпадает с тем, как вы ссылаетесь на изображения в CSS. Вам никогда не потребуется извлекать некоторые URL (../../ asf.ext) и т. Д., К которым вы можете привыкнуть при работе с относительной природой изображений в css

...