border-radius.htc不起作用

时间:2011-12-05 18:19:43

标签: css internet-explorer css3

我不明白为什么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_rounded类的块都没有舍入。为什么会这样?

5 个答案:

答案 0 :(得分:2)

确保.htc文件与样式表位于同一文件夹中。您可能还需要在服务器的MIME types中添加“.htc”,以确保其正常投放。

您可能还想尝试CSS3PIE

答案 1 :(得分:2)

将.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 */

}
...

答案 2 :(得分:0)

根据本教程

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

您需要使用absolute path

  

并在你的绝对路径上替换http://yoursite.com/   放置了border-radius.htc文件。

答案 3 :(得分:0)

使用行为:url(“PIE.htc”),从http://css3pie.com/下载。你也可以使用位置 :相对和缩放:1与它。它完全正常,我使用它;)

答案 4 :(得分:0)

“border-radius.htc”不适用于外部样式表。它仅适用于内部样式表或内联。