表格行上的材料波纹效应答案

【问题标题】：Material ripple effect on table row表格行上的材料波纹效应
【发布时间】：2015-05-20 06:29:21
【问题描述】：

我正在玩FezVrasta 的谷歌材料设计引导主题

大多数组件都可以正常工作并且看起来很棒，但是对我来说表格行上的涟漪效应无法正常工作。

table > tr > td {position:absolute;}

绝对位置有助于但破坏表结构。

【问题讨论】：

【解决方案1】：

您不能将<td> 以外的任何内容添加到<tr>。

换句话说，您只能对<td> 具有此效果。这是 HTML 限制。

【讨论】：

可以，但不能解决问题：jsfiddle
您不能在表格元素上使用position: relative，所以我认为您需要将单元格包裹在<div>s 中。我不确定如果没有<div>s 是否可以做到这一点。 jsfiddle.net/qrj536qd/8