Css 浮在集装箱上的桌子';内影

Css 浮在集装箱上的桌子';内影,css,html-table,Css,Html Table,比如说,我想把我的桌子放在一个有内部阴影的容器里,使它看起来像是在一个盒子或类似的东西里面 问题是,当我给表格单元格设置背景色时,它们似乎漂浮在容器的阴影上,使其不可见 z索引似乎无法解决问题: CSS: html: fdsa fdsafdsa ​ 您可以在container div中添加填充 .container { box-shadow: inset 0px 0px 5px black; float: left; width: 100%; padd

比如说,我想把我的桌子放在一个有内部阴影的容器里,使它看起来像是在一个盒子或类似的东西里面

问题是,当我给表格单元格设置背景色时,它们似乎漂浮在容器的阴影上,使其不可见

z索引似乎无法解决问题:

CSS:

html:


fdsa
fdsafdsa
​

您可以在container div中添加填充

.container {
     box-shadow: inset 0px 0px 5px black;
     float: left;
     width: 100%;
     padding: 20px;
 }

谢谢您!虽然我们不应该这样做,但我会用你的解决方案。我想知道为什么他们决定以这种方式渲染阴影,这在我看来是不合逻辑的。
<div class="container">
<table>
    <tr>
        <td>fdsa</td>
        <td>fdsafdsa</td>
    </tr>
</table>
</div>​
.container {
     box-shadow: inset 0px 0px 5px black;
     float: left;
     width: 100%;
     padding: 20px;
 }