将边框半径添加到表中会在IE中异常显示页面



我有几个页面具有正常的表边界,这些页面运行良好,直到我将代码更改为显示圆角半径,这影响了页面的整个布局。此问题仅发生在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">

故障页面可以在链接

中看到

您在DOCTYPE之前有一条注释。这是不允许的,至少在IE中是这样。我不知道标准是怎么说的,但这就是你处于Quirks模式的原因。

EDIT:在<html>元素之外还有<script>。。。那无济于事。

最新更新