IE的圆角问题

本文关键字:问题 圆角 IE | 更新日期: 2023-09-27 18:06:06

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

我使用asp.net Ajax dll 3.5。其中我使用圆角扩展。我看到IE没有显示圆角。它在Chrome和Firefox上运行良好。

我错过了什么?

IE的圆角问题

您没有指定您正在测试的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">