html - 对于 IE 7，表格的 似乎不能有边框，但我也没有在谈论 边框的书中看到？

Question

这个将显示 Chrome、FF、IE 8 和 9 的边框，但不会显示 IE 7 的边框。

http://jsfiddle.net/y7HWr/10/

(<tr> 有边框)。所以我认为可能是 IE 7 出了问题？即使我没有看到书在谈论 <tr> 的边界元素(他们通常谈论 <tr> 元素)，但它真的应该适用于大多数元素吗？ (也许除了那些没有边框的元素，例如 <meta> 或 <script> 或 <style> ......否则大多数其他元素应该能够有边框？

而不是标记每个 <td>待类.end-of-category ，我以这种方式更改它，以便它可以与 IE 7 一起使用...有任何替代方案或其他想法吗？

tr.end-of-category td { border: 6px solid #000 }

Answer 1

table { border-collapse: collapse }
table .end-of-category td { border-bottom: 6px solid #000 }

如果你只涉及一个边框，上面的方法应该可以工作，或者至少可以达到同样的效果——我认为这是不同浏览器处理边框折叠的方式，但也许它只是 IE

---

更新:是的，是 IE7

使用 separate 边框模型(默认)意味着没有人在 tr 上呈现边框

table { }
table .end-of-category { border-bottom: 6px solid #000 }

看来，IE7又意见不一了，哈哈!

---

使用折叠的表格边框不太可能无法实现使用 TD 边框的效果，但仍然如此!