CSS边框底部IEXPLORER

CSS：CSS边框底部IEXPLORER

.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？

来源

2009-10-07 panchicore

正确的CSS语法是：

下边框：大小样式颜色;

所以，你的情况：

下边框：1px的固体#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>

来源

2009-10-07 17:13:25 Matt

国界的行没有在IE/CSS的支持。你需要边界单元格。

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

来源

2009-10-07 17:23:44 cdm9002

CSS边框底部IEXPLORER

回答

相关问题