IE的圆角问题

Question

我有一个网站Mumbai Local Train Time Table。

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

我错过了什么？

Answer 1

您尚未指定正在测试的IE版本，这是一个重要的细节，但无论如何我都会尝试提供帮助。

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

您有两种选择：

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

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

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

兼容模式：如果出现此问题，您通常可以通过向文档添加元标记来解决此问题，如下所示：

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

我希望有所帮助。