如何使用border-radius.htc与IE进行圆角处理

Question

如何使用border-radius.htc与IE制作圆角

我正在使用border-radius.htc修复IE中的border-radius

这里效果很好 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 */

Answer 1

HTC有2个陷阱;

• 如果您的on Apache将其添加到您的配置或.htaccess，则服务器必须使用正确的MIME类型（text / x-component）为HTC提供服务：AddType text / x-component .htc

• 在CSS中，URL相对于CSS文件... HTC引用与调用HTML页面相关 - 请小心。

Answer 2

只需编辑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。

Answer 3

这实际上是特定的东西，非常简短地提到过。

使用HTC组件时，您需要确保它们位于站点根位置。然后你只需要提及行为：url（css3orw / e.htc）;

此句中的网址与您在css中引用图片的方式不同。这将永远不需要你使用你可能习惯的一些网址（../../ asf.ext）等来处理css中图像的相对性质