将border-radius添加到Table会在IE中异常显示页面

时间:2012-02-22 05:47:49

标签: html css

我有几页正常的表格边框工作正常,直到我更改代码显示圆角半径,它影响了整个页面布局。此问题仅在Web服务器上的IE中发生。在本地服务器上启动时,它在IE中工作正常。代码在Chrome和FF中都能正常运行。

<table style="background-color: Snow; margin-top: 20px; border: 2px solid #cccccc;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;">

我观察到的一件事是,在IE的开发者工具中,现在页面默认以Quirks模式加载。但是,当我将文档模式更改为IE9标准时,页面将得到修复。 我正在使用的DOCTYPE如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

可以在link

看到有问题的页面

1 个答案:

答案 0 :(得分:1)

您在DOCTYPE之前有评论。这是不允许的,至少在IE中是这样。我不知道标准对此有何看法,但这就是你处于Quirks模式的原因。

编辑:<script>元素之外还有<html>个......这无济于事。