IE8标准模式下，单元格的边框线看不到，怎么回事？

IE8标准模式下，重填颜色行的单元格边框线看不到，怎么回事？<html><head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试1</title>
<style>
table {border-collapse:collapse;border:1px solid black}
tr {position:relative;}
td {position:relative;border:none;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; text-align:center}
</style>
</head><body><table border="0" width="100%" id="table1">
<tr>
<td>测试1</td>
<td>测试1</td>
<td>测试1</td>
</tr>
<tr style="BACKGROUND-COLOR: #eeeeee;">
<td>测试1</td>
<td>测试1</td>
<td>测试1</td>
</tr>
<tr>
<td>测试1</td>
<td>测试1</td>
<td>测试1</td>
</tr>
</table></body></html>

解决方案 »

  1.   

    border-collapse:collapse; 把这个去掉看看
      

  2.   

    table{backgroudcolor:black;}
    td{backgroudcolor:white}
    <table cellspacing="1" ............>
      

  3.   

    css:table {backgroudcolor:black}  td{backgroudcolor:white}
    html<table cellspacing="1" .....这时候表格全边线  且宽度是1 假边框 包用包爽
      

  4.   

    ie8下，tr的top值也不起作用，请高手说说
      

  5.   

    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>测试1</title>
    <style>td {border:none;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; text-align:center; }
    table {border:none;border:1px solid #000; }
    </style>
    </head><body><table border="0" width="100%" id="table1" cellpadding=0 cellspacing=0 >
        <tr>
            <td>测试1</td>
            <td>测试1</td>
            <td>测试1</td>
        </tr>
        <tr style="BACKGROUND-COLOR: #eeeeee;">
            <td>测试1</td>
            <td>测试1</td>
            <td>测试1</td>
        </tr>
        <tr>
            <td>测试1</td>
            <td>测试1</td>
            <td>测试1</td>
        </tr>
    </table></body></html>
      

  6.   

    按照7楼的做法是正确的。你为什么加position:relative，这个东西，在表格里是没有用的。所以，你所说的top当然也不管用？你到底想要什么效果那？
      

  7.   

    border="1" cellpadding="0" cellspacing="0"
    table标签的属性...
      

  8.   

    晕了，说了比较清楚了，
    table里的tr和td元素，position选项中，absolute，fixed，relative是没有用的。所以，请去掉position:relative。我的机器装的是ie9，但是开ie8模式，你代码显示是正常的，但是在firefox8.0下，显示的效果与你说的相同。
    但是只要去掉position:relative，显示就正常了。
      

  9.   

    把position:relative去掉，top:30px怎么起作用？
      

  10.   


    随便加个DIV控制下上部高度
      

  11.   

    再说一次
    table里的tr和td元素，position选项中，absolute，fixed，relative是没有用的。
    所以，top肯定是不能用的呀。如果非要求td里的内容有特殊的定位
    需要在td里加一个div，定义div的position:relative，然后在div里的元素才能进行特殊的定位。
      

  12.   


    ie8中td是可以用position:relative的，top也起作用，只是tr重填了颜色后td的border不起作用
      

  13.   

    为啥tr（或td）重填颜色后就看不到td的边框了，去掉重填颜色就可以看到
      

  14.   

    td {position:relative;border:none;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; text-align:center}
    改为（把border:none去掉）
    td {position:relative;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; text-align:center}