带圆角的 Div 边框答案

【问题标题】：Div border with round corners带圆角的 Div 边框
【发布时间】：2023-03-30 23:00:01
【问题描述】：

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

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

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

还有其他解决方法吗？

TIA。

【问题讨论】：

IE border-radius 属性 - 请参阅 caniuse.com/#search=border-radius
border-radius 在 IE6、7 或 8 中不起作用。如果您想看到生成的圆形边框，您需要 IE9、Chrome、Firefox 或 Opera，或者使用 JavaScript 后备，如 CurvyCorners。
没有人使用IE6，几乎没有人使用IE7
“我使用的是 IE6/7，所以上面的代码应该不是问题...”，你一定是在拖钓吧？

【解决方案1】：

IE6/7 不支持border-radius CSS 属性您需要使用 .htc 文件在 IE 中实现该效果。

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

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

【讨论】：

【解决方案2】：

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

不过，您可以使用 CSS3 Pie 解决此问题

【讨论】：