Div角落边界

时间:2012-09-05 14:16:54

标签: css styles stylesheet

如何围绕Div的角落? 我尝试使用以下代码,但它不起作用:

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

我使用的是IE6 / 7,所以上面的代码不应该是一个问题,现在它仍在使用。

还有其他工作吗?

TIA。

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

正如cassi.lup刚刚提到的,IE6,7,8不支持圆角。

然而,您可以使用CSS3 Pie

解决此问题