圆角CSS控制

我已经实现了使用CSS圆角控制，这是正确显示在Firefox，但不是在IE 10任何人都可以指出我需要它both.I工作看到了一些答案指向添加的变化pie.htc到css文件夹，我试过，以及圆角CSS控制

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

尝试添加溢出：隐藏，这使得它不会出现在Firefox中也是如此。

来源

2013-04-11 Lav

在this answer以一看，你可能需要检查你的X-UA兼容的代码，并确保你是不是引用IE的早期版本：

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

（边界半径支持启动与IE9）。

来源

2013-04-11 20:57:35

或[可能'content =“IE = Edge”'代替]（http://hsivonen.iki.fi/doctype/#ie8） – 2013-04-11 21:04:17

如果我指定ie = 9，网站显示不同，如果我指定ie =边缘没有任何反应，则背景中有一个圆角，但下拉列表在上面是正方形。 – Lav 2013-04-11 21:11:03

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

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

如果您在本地预览所有使用HTML5和CSS3功能IE10 （占位符文本，圆角等），使用EW 开发服务器或IIS网站，你会发现，这些特征不显示。

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

，你会发现，也有设置“显示所有网站在兼容性视图”。如果用户有意或无意检查了这个，你的网站会发生什么？您的网站将不会正确显示。

通过强制IE10避免这个问题到它的最高或“边缘” 模式。您可以通过将以下元标记添加到您的页面或 DWT/ASP.Net母版页中执行此操作。
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 
这是值得添加到EW V4现有的IE元标记片段。

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

来源

2013-04-11 21:01:36 Whistletoe

具体而言：“IE10中Intranet站点的默认浏览器模式是'兼容模式'。您可以在'工具 - 兼容性视图设置'中进行更改。取消选中选项“在兼容性视图中显示Intranet站点”“（只是为了防止腐烂链接和纠正。‘兼容性’拼写错误。） – 2013-04-11 21:05:52

我很抱歉，但我不能编辑您的评论:) HTTP：/ /www.merriam-webster.com/dictionary/compatible – Whistletoe 2013-04-11 21:07:24

哦，我知道：在链接的文章中，他们拼写错误。我在我的评论中纠正了这一点。 – 2013-04-11 21:14:11

圆角CSS控制

回答

相关问题