Question

的CSS：

.item_fact{
     border-bottom:#CCCCCC 1px solid;
}

HTML：

<table>
  <tr class="item_fact">
    <td> hello </td>
    <td> world </td>
  </tr>
</table>

IE7不会显示边框底部，但Firefox和Chrome会显示！我怎么能破解这个CSS？

Answer 1

正确的css语法是：

border-bottom：大小样式颜色;

所以，在你的情况下：

border-bottom：1px solid #CCCCCC;

编辑：实际上，看起来TR似乎并不像'包含'IE7中的TD元素那样。您可以做的一个技巧是让表格折叠边框，然后将.item_fact下的所有TD应用到自己的边框底部。

像这样：

<html>
<head>
<style type="text/css">
table {
    border-collapse: collapse;
}
.item_fact td {
     border-bottom:1px solid #CCCCCC;
}
</style>
</head>
<body>
<table>
  <tr class="item_fact">
    <td> hello </td>
    <td> world </td>
  </tr>
</table>
</body>
</html>

Answer 2

IE / css中不支持行上的边框。你需要边界细胞。

.item_fact td {
  border-bottom:1px solid #ccc;
}

css border-bottom iexplorer

2 个答案: