首页 > 鼠标经过表格的每行时左侧显示一个操作按钮,有什么好的实现方法?

鼠标经过表格的每行时左侧显示一个操作按钮,有什么好的实现方法?

我现在的做法是每行的第一个td relative定位,鼠标经过行时把操作按钮的div放进第一个td。div absolute定位,设置负的left放在单元格左侧。

但是遇到了很多兼容性问题,在IE或Firefox中鼠标经过行有时会出现或缺少边框。

这个功能有没有更好的实现方法?


table tr:hover .button{
display: inline;
}

看这样可以不?


http://jsfiddle.net/xXLYA/

不知道是不是这样~!

对问题没十分理解,感觉上好像是这样的一个需求,如果不对,请忽略。

表格里面要用定位的话,要多套一个div,比较麻烦,td的display属性值是table-cell,有点麻烦。


每行都输出操作按钮,控制每行的现实和隐藏就好了。
个人觉得这种需求完全没有必要只保留一份操作选项,然后不断的计算定位显示。
就像个这样子:
http://jsfiddle.net/QuefF/

【热门文章】
【热门文章】