我现在的做法是每行的第一个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/