Question

我正在为我的问题搜索解决方案：我有一张桌子，其中的单元格会隐藏到大的内容，直到你将它们悬停（溢出：隐藏）。

现在我想在单元格的底部添加一个阴影，如果该单元格中有一些溢出（内容大于单元格）。

我更倾向于使用纯CSS来解决问题 - 如果有任何办法的话。

这是一个示例，我的表格如何 - ＆＃34;很多文字＆＃34;单元格应该有底部阴影，但是文本较少＆＃34;不是。
http://fiddle.jshell.net/x1f86nxr/1/

编辑：
我想检测自动哪些细胞溢出并添加阴影 - 手动添加很容易;）

Answer 1

试试这个：

table tr:first-child td:nth-child(4){
    box-shadow: 0 -10px 5px rgba(0,0,0,0.1) inset;
}

注意：如果你想设置动态，只需在td中添加一个类，然后使用这个css

table tr td.MyClass{
        box-shadow: 0 -10px 5px rgba(0,0,0,0.1) inset;
    }