江湖救急！-table公用边框的归属问题 88分敬上

qqshenyunzcz 2011-06-13 06:34:18

我用table 显示了一些横向列表的内容表格的边框都是1px
这样交界的tr部分正常都会是2PX的边框

然后样式使用了border-collapse: collapse;
所以现在就是不同的行（tr）之间直接公用了上下边框
这样交界的tr部分依然是1PX的边框

现在的要求效果是鼠标移动到其中一行这行的背景色和上下边框都有颜色变化进行区别（都懂的）
而我加了对应的事件改变背景和上下边框的样式之后发现背景和公共下边框的样式改变是有效果的
而公共的上边框没有任何变化
给人的感觉好像是当前行的上边框属于上面那行tr范围内的本行没权限进行上边框的样式修改。
很烦躁哇
在不改变table布局的前提下，有没有完美的CSS方面的解决方案

跪求各位江湖大侠指点！！88分敬上！

...全文

128 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

jack09596 2011-06-16

打赏
举报

帮你顶顶

wishifef 2011-06-15

打赏
举报

[Quote=引用 4 楼 tcwsyt 的回复:]
贴点代码吧。用JQ的.prev()可以获取同级的前一个元素吧
[/Quote]

++ 查找周边的共边框的几个元素，
然后分别设
border-bottom:……
……
试试

不用了的号 2011-06-15

打赏
举报

jiangmurong 2011-06-15

打赏
举报

贴点代码来，看得明白些

灬上海爽爷 2011-06-15

打赏
举报

贴点代码吧。用JQ的.prev()可以获取同级的前一个元素吧

healer_kx 2011-06-15

打赏
举报

直接上代码吧。

qqshenyunzcz 2011-06-15

打赏
举报

我的表达有问题？就是想让当前鼠标所在的行跟相邻的上面一行的公共上边框变一下颜色

卟惹尘埃 2011-06-15

打赏
举报

<style>

td:link,td:visited{

	border:#006600 1px solid;

}

td:hover{

	border:red 1px solid;

}

</style>



<table width="200" border="1" bordercolor="#006600">

  <tr>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

</table>