用圆角划分边界

Question

如何绕过div的角？我尝试了以下代码，但它不起作用：

border: 2px solid black;
border-radius: 6px;

我使用的是IE6/7，所以上面的代码应该不是问题，但它现在还在工作。

还有其他工作吗？

TIA。

Answer 1

IE6/7不支持border-radius CSS属性你需要使用一个.htc文件来实现IE.中的效果

以下是.htc文件链接：http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc

您需要将文件上传到网站上的/css/文件夹中。以下是您将如何在代码中使用它：

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

本教程将对此进行详细解释：http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

Answer 2

正如刚才提到的casi.lup，IE6,7,8中不支持圆角。

然而，您可以使用CSS3 Pie 来解决此问题