html - 圆 Angular 破解 - 这里做错了什么？

Question

我已经实现了一个 .htc 行为来尝试从这里获得 IE-6-8 的圆 Angular : http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

似乎无法让它工作，即使在遵循了它推荐的所有 IE 小方法之后也是如此。

#callbox {
position:relative;
background-image:url(images/callbox_bg.png);
width:360px;
height:75px;
float:right;
padding:10px 20px 0px 10px;
font-size:26px;

display:block;


border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;


behavior: url(/css/border-radius.htc);
zoom:1;

Answer 1

通常在 CSS 中，url 路径是相对于文档的。对于 .htc 文件，尽管它需要相对于站点根目录。

采用以下站点结构:

Root
   - images/
      - image.png
   - css/
      - layout.css
- index.html
- border-radius.htc

要在 layout.css 文件中使用图像，您的 url 应该是 ('../images/image.png')要使用 .htc 文件，它将是 ('../border-radius.htc')

此外(这可能不相关)但要使 CSS3PIE.htc 正常工作，您需要添加position:relative于样式。