圆角控件CSS
我已经用css实现了一个圆角控件,它在firefox中正确显示,但在IE 10中却没有。有人能指出我需要做哪些更改才能使它在这两种情况下都正常工作吗?我看到一些答案指向将pie.htc添加到css文件夹,我也试过了圆角控件CSS,css,visual-studio-2010,internet-explorer,Css,Visual Studio 2010,Internet Explorer,我已经用css实现了一个圆角控件,它在firefox中正确显示,但在IE 10中却没有。有人能指出我需要做哪些更改才能使它在这两种情况下都正常工作吗?我看到一些答案指向将pie.htc添加到css文件夹,我也试过了 .DropDownList { background-color: #c0c0c0; border: 1px solid #000000; -moz-border-radius: 30px; -webkit-border-radius: 30px;
.DropDownList
{
background-color: #c0c0c0;
border: 1px solid #000000;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 10px;
}
尝试添加overflow:hidden,它使它不会出现在Firefox中。查看一下,您可能需要检查您的X-UA兼容标签,并确保您没有引用以前版本的IE:
(Border radius支持从IE9开始)。也可以查看此页面: 我声称IE10可以在本地开发ASP.Net时进入“兼容模式”,并提供了一种解决方法 如果您在本地预览使用HTML5和CSS3功能的站点 (占位符文本、圆角等)在IE10中,使用EW 在开发服务器或IIS中,您可能会发现这些功能不可用 展示 这是因为IE10中intranet站点的默认浏览器模式为 “兼容性模式”。您可以在“工具-兼容性”中对此进行更改 “查看设置”。取消选中“在兼容性中显示intranet站点” “视图”选项 现在您会注意到还有一个设置“显示所有网站” 在“兼容性视图”中。如果用户有此功能,您的站点会发生什么情况 有意或无意地检查?您的站点将不会显示 对 您可以通过强制IE10进入其最高点或“边缘”来避免此问题 模式您可以通过将以下元标记添加到页面或 DWT/ASP.Net母版页
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
值得将其添加到EWV4中现有的IE元标记片段中
编辑:添加相关报价。(更正了“兼容性”的拼写)。特别是:“IE10中内部网站的默认浏览器模式为“兼容性模式”。您可以在“工具-兼容性视图设置”中更改此模式。取消选中“在兼容性视图中显示内部网站”选项。”(只是为了防止链接损坏。并更正“兼容性”打字错误。)很抱歉,我无法编辑你的评论:)哦,我知道:在链接的文章中,他们拼写错误。我已经在我的评论中纠正了这一点。如果我指定ie=9,网站看起来会有所不同,如果我指定ie=edge,则不会发生任何事情,背景中会有一个圆角,但下拉列表上方是一个正方形。