td设置 position: relative　后样式问题

gfylj 2007-08-31 11:05:39

表格的某列中，每行的TD设置position为relative　后，

该列每格的外框　就变得比　其他列的外框粗一点，

好像表格的样式对它不起作用，

不知道怎么设置

...全文

725 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

gfylj 2007-09-04

打赏
举报

顶啊。

gfylj 2007-08-31

打赏
举报

我需要这样的功能：
<table>
<tr>
<td style="position: relative; border: 1px solid red;">1</td>
<td 2</td>
<td >3</td>
</tr>
<tr>
<td style="position: relative; border: 1px solid red;">>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td style="position: relative; border: 1px solid red;">>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>

但这样设置后，

底部和右边还是会变粗

yixianggao 2007-08-31

打赏
举报

td 设置 position 为 relative 后将边框分开了，

以下代码可以很清楚滴展示这个问题，建议不要设置该样式！

否则需要动态设置 td 的各边框宽度 0px or 1px！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
table {
border-collapse: collapse;
border: 0px solid red;
}
td {
border: 1px solid blue;
}
</style>
</head>

<body>
<table>
<tr>
<td style="position: relative; border: 1px solid red;">1</td>
<td style="position: relative; border: 1px solid red;">2</td>
<td style="position: relative; border: 1px solid red;">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>

gfylj 2007-08-31

打赏
举报

table样式{
border: 0px;
Padding:0px;
Spacing:0px;
background-color:#999999;
}

td样式{
background-color:#FFFFFF;
height:24px;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
}