IE8标准模式上，单元格的边框线看不到，咋回事

2012-08-07

IE8标准模式下，单元格的边框线看不到，怎么回事？IE8标准模式下，重填颜色行的单元格边框线看不到，怎么回事？H

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

HTML code

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

[解决办法]
border-collapse:collapse; 把这个去掉看看
[解决办法]
table{backgroudcolor:black;}
td{backgroudcolor:white}
<table cellspacing="1" ............>
[解决办法]
如上假边框百用包爽
[解决办法]
css:table {backgroudcolor:black} td{backgroudcolor:white}
html<table cellspacing="1" .....

这时候表格全边线且宽度是1

假边框包用包爽

[解决办法]

HTML code

<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>
[解决办法]
按照7楼的做法是正确的。

你为什么加position:relative，这个东西，在表格里是没有用的。

所以，你所说的top当然也不管用？

你到底想要什么效果那？
[解决办法]
border="1" cellpadding="0" cellspacing="0"
table标签的属性...
[解决办法]
你启用兼容视图看看，在IE工具栏里面
[解决办法]
晕了，说了比较清楚了，
table里的tr和td元素，position选项中，absolute，fixed，relative是没有用的。

所以，请去掉position:relative。

我的机器装的是ie9，但是开ie8模式，你代码显示是正常的，但是在firefox8.0下，显示的效果与你说的相同。
但是只要去掉position:relative，显示就正常了。
------解决方案--------------------  
探讨
把position:relative去掉，top:30px怎么起作用？

[解决办法]
再说一次
table里的tr和td元素，position选项中，absolute，fixed，relative是没有用的。
所以，top肯定是不能用的呀。

如果非要求td里的内容有特殊的定位
需要在td里加一个div，定义div的position:relative，然后在div里的元素才能进行特殊的定位。
[解决办法]
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}
[解决办法]
这代码写的真是复杂

热点排行

asp.net

IE8标准模式上，单元格的边框线看不到，咋回事