Question

我已经使用css实现了一个圆角控制，它在Firefox中正确显示但在IE 10中没有任何人指出我需要使其在两者中工作的变化。我看到一些答案指向添加pie.htc到css文件夹，我也试过了

.DropDownList
{
    background-color: #c0c0c0;
    border: 1px solid #000000;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 10px;
}

尝试添加溢出：隐藏，它也不会出现在Firefox中。

Answer 1

看一下this answer，您可能需要检查您的X-UA兼容标签，并确保您没有引用以前版本的IE：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

（从IE9开始支持边界半径）。

Answer 2

另请看这个页面： http://geekswithblogs.net/ihaynes/archive/2012/09/16/ie10---be-prepared.aspx

我声称IE10可以在本地开发ASP.Net时进入“兼容模式”并提供解决方法。

如果您在本地预览使用HTML5和CSS3功能的网站   （IE11中的占位符文本，圆角等）使用EW   在开发服务器或IIS中，您可能会发现这些功能没有   显示。

这是因为IE10中Intranet站点的默认浏览器模式是   '兼容模式'。您可以在“工具 - 兼容性”中进行更改   查看设置'。取消选中“在兼容性中显示Intranet网站”   查看'选项。

现在您会注意到还有一个设置'显示所有网站   在兼容性视图'。如果用户有这个，您的网站会发生什么   有意或无意地检查？您的网站将无法显示   正常。

您可以通过强制IE10进入最高级别或“Edge”来避免此问题   模式。您可以通过向页面添加以下元标记来实现此目的   DWT / ASP.Net MasterPage。
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
值得将其添加到EW V4中现有的IE Meta标签片段中。

编辑：添加相关报价。（更正了“兼容性”的拼写。）

圆角控制CSS

2 个答案: