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

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

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

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

阅读 5.3k
3 个回答

http://jsfiddle.net/xXLYA/

不知道是不是这样~!

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

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

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

看这样可以不?

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题