Question

我已经实现了.htc行为，试图从这里获取IE-6-8的圆角： 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

在他们的示例中，他们在 border-radius: 15px;之后有behavior 。看看它是否有效或你。另请参阅IE的警告列表，确保它们不适用于您的布局。

.rounded-corners { behavior: url(/css/border-radius.htc); border-radius: 20px; }

Answer 2

对我来说没问题，你确定htc文件路径是正确的，即可以通过http://example.com/css/boarder-radius.htc访问吗？

Answer 3

通常在CSS中，url路径是相对于文档的。使用.htc文件虽然需要相对于站点根目录。

采用以下网站结构：

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

要在layout.css文件中使用图片，您的网址将为('../images/image.png') 要使用.htc文件，它将是('../border-radius.htc')

另外（这可能不相关）但是为了让CSS3PIE.htc正常工作，你需要添加位置：相对于样式。

圆角落入黑客 - 这里做错了什么？

3 个答案: