Question

说我想把我的桌子放进一个内有暗影的容器里让它看起来像是深藏在一个盒子里之类的东西

问题是,当我给我的表格单元格一个背景颜色时,它们似乎漂浮在 over 的容器阴影上,使之隐形。

z-index似乎无法解决问题:

CSS :

 .container {
     box-shadow: inset 0px 0px 5px black;
     float: left;
     width: 100%;
 }
 table{
     width: 100%;
     float: left;
 }
 table tr td{
     background-color: #ccc        
 }

html:

<div class="container">
<table>
    <tr>
        <td>fdsa</td>
        <td>fdsafdsa</td>
    </tr>
</table>
</div>

Answer 1

您可以添加容器div 的粘贴栏

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

友情链接