0

我已经使用 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;
}

尝试添加 overflow:hidden ，它也使它不出现在 Firefox 中。

4

2 回答 2

0

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

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

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

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

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

您可以通过强制 IE10 进入其最高或“边缘”模式来避免此问题。您可以通过将以下元标记添加到您的页面或 DWT / ASP.Net MasterPage 来做到这一点。

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

值得将此添加到 EW V4 中现有的 IE 元标记片段中。

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

于 2013-04-11T21:01:36.637 回答
0

看看这个答案，您可能需要检查您的 X-UA-Compatible 标签并确保您没有引用以前版本的 IE：

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

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

于 2013-04-11T20:57:35.500 回答