Css 在ie7兼容视图中,表上未显示所有边框

Css 在ie7兼容视图中,表上未显示所有边框,css,internet-explorer,border,css-tables,Css,Internet Explorer,Border,Css Tables,不知道为什么边框显示不正确。我试过: /* ------ global ------ */ body { margin: 0 auto; padding:0 0; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#000; } /* ------ Content Wrapper ------ */ #wrapper { margin: 0 auto; width:760px; text-align:lef

不知道为什么边框显示不正确。我试过:

/* ------ global ------ */

body {
margin: 0 auto;
padding:0 0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
}


/* ------ Content Wrapper ------ */
#wrapper {
margin: 0 auto;
width:760px;
text-align:left;
}

#content table {
font-size:.8em;
border-collapse:collapse;
text-align:left;
width:100%;
}

  #content table td {
border:solid 1px black;
 } 
我是否需要列出所有CSS边框属性以获得整个表上的边框,如下所示:

border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
or more ......
#content table {
font-size:.8em;
border-collapse:collapse;
text-align:left;
width:100%;
*border-collapse:separate;
}
我还没有做到这一点,但在过去我不得不通过一些表格来获得lte IE7的各个方面的边界。这只是我最后的选择,因为我不知道还能做什么。

考虑一下,它在IE7中正确工作,在表格单元格上显示一个1像素的纯黑色边框

我没有更改您的任何代码,但添加了一条规则,在表头单元格table th和table data单元格table td中包含边框

HTML:


如果您的表格单元格仍然没有显示任何边框,您的样式表中可能有一个或多个规则稍后出现,或者有更多规则覆盖了您的样式。

尝试使用边框折叠:对于IE7,如下所示:

border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
or more ......
#content table {
font-size:.8em;
border-collapse:collapse;
text-align:left;
width:100%;
*border-collapse:separate;
}

应用边框折叠:折叠到表格,它应该会修复它:

缩放页面是否会产生影响?谢谢,鼠标食物。不,缩放并不重要。我认为最初的问题是边界崩溃:崩溃,但它不起作用。不确定你是否测试了你的答案或只是猜测,但你真的需要在发布之前进行测试,这意味着按照原始问题,在IE中打开它并将其设置为IE 7兼容模式。如果您这样做了,请说明您无法复制原始问题。如果没有,那么你可能想在获得更多的反对票之前删除你的答案。我在为docmode ie7-ie8开发类似的东西时遇到了同样的问题。停下来读代码,我想你应该给元素加上边框,让边框一个接一个地折叠起来。如果您不想对表应用边框,只需正确瞄准>>内容表*>内容表td即可折叠