css - 如何让 box-shadow 出现在 ngGrid 行上？

Question

在此Plunker你可以看到我试图在网格的视口(viewport)区域中显示一个插入的阴影。它在没有行的空间中可见，但在没有行的地方是可见的。我不太明白是什么行阻止了它。

以下是我的风格:

.gridStyle .ngViewport
{
    box-shadow:inset 0 0 4px 1px rgba(0,0,0,.3);
}
.gridStyle .ngFooterPanel, .gridStyle .ngTopPanel 
{
    box-shadow:0 0 3px 1px rgba(0,0,0,.3);
}

有没有办法让 box-shadow 即使在视口(viewport)中存在行时也可见？

Answer 1

您看不到框阴影，因为行元素位于具有阴影的 ngViewport 元素的顶部。如果您使 ngViewport 容器比行宽，您会看到阴影出现在边缘。