圆角问题与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，那么问题很可能是浏览器正在进入兼容模式，或更糟的是，怪癖模式。

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

兼容性模式：

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

我希望帮助：如果是这样的问题，你通常可以通过添加元标记文档如下解决。