c# - IE的圆角问题

Question

我有一个网站孟买当地火车时刻表。

我正在使用 asp.net Ajax dll 3.5。我在其中使用圆角扩展。我看到 IE 没有显示圆角。它适用于 Chrome 和 Firefox。

我错过了什么？

Answer 1

您还没有指定您正在测试的 IE 版本，这是一个重要的细节，但无论如何我会尽力提供帮助。

首先 IE8 及更早版本不支持border-radius圆角的 CSS 样式。因此，如果您使用 IE8 或更早版本进行测试（或者如果您需要支持正在使用它们的用户），那么您没有设置圆角也就不足为奇了。

有两种选择：

• 忽略它，让老 IE 版本的用户活在方形角落里。（这不是世界上最糟糕的事情......而且它不会影响网站的可用性，所以为什么不）
• 使用CSS3Pie之类的 javascript 工具，该工具将该border-radius功能实现到旧版本的 IE 中。

如果您使用的是 IE9 或 IE10，但仍然没有看到border-radius，那么问题很可能是浏览器正在进入兼容模式，或者更糟糕的是，Quirks 模式。

Quirksmode 可以通过<!DOCTYPE>在页面顶部设置有效来解决。我注意到你确实有一个 doctype，但我也注意到你上面有一个空行。
重要提示：文档类型必须是页面中的第一件事。即使是一点空白或上面的注释也会导致 IE 忽略它并退回到怪癖模式。你真的不想要那个。

兼容模式：如果是这个问题，通常可以通过在文档中添加元标记来解决，如下所示：

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

我希望这会有所帮助。