圆角在 IE 中不起作用（.rounded-corners）答案

【问题标题】：Rounded corners not working in IE (.rounded-corners)圆角在 IE 中不起作用（.rounded-corners）
【发布时间】：2011-10-11 11:17:21
【问题描述】：

我正在尝试使用 border-radius.htc (http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser) 方法在 IE pn 以下网站中获得圆角，但它似乎不起作用。

当您将鼠标悬停在菜单上时，2 级子菜单应该有圆角，但没有 (IE8)。

在 HTML 源代码中搜索 .rounded-corners 以查看它的应用位置以及应该显示但未显示的位置。

有人可以帮忙吗？

http://berrisford.gumpshen.com

.ie6 .rounded-corners, .ie7 .rounded-corners, .ie8 .rounded-corners, .ie9 .rounded-corners {
  behavior: url(border-radius.htc);
}

【问题讨论】：

标签： javascript css internet-explorer rounded-corners

【解决方案1】：

你不能直接使用：

.ie6 .rounded-corners, .ie7 .rounded-corners, .ie8 .rounded-corners, .ie9 .rounded-corners {
  behavior: url(border-radius.htc);
  border-radius: 4px; /* example */
}

它还确保它也尝试了圆角的 CSS 方式。

【讨论】：

试了下不知什么原因不行，你能想到别的吗？
它在 IE、FireFox、Chrome 中运行良好。 IE 7,8,9 确保你硬刷新它可能是你的 CSS 缓存通常 CTRL+R for IE