表格动态线上的阴影

Question

我正试图在每个表格线上留下一个阴影。但它不适用于第一个，我不明白为什么。

我把你的css内联，因为你可以看到所有东西

{% for resultat in resultats %}
    <tr style="background-color: #F0F0F0; box-shadow: 8px 8px 12px #aaa, 8px -8px 12px #aaa; -webkit-box-shadow: 8px 8px 12px #aaa;" 
    id="first_{{ nb }}>
        <td>
            <span class="fl marginTop8">
                {{ resultat.missions.getDateReaPrev()|date('Y-m-d') }}
            </span>
        </td>
        <td></td>
        <td></td>
        <td>
            <span class="fl marginTop8">
                {{ resultat.distance }} Km
            </span>
        </td>
        <td></td>
        <td class="badge fr" style="color: darkorange;">{{ resultat.nb_pdv }}</td>
    </tr>

    <tr style="background-color:white">
        <td colspan="6"></td>
    </tr>
{% endfor %}

以下是我使用此代码获得的内容：

正如你所看到的，阴影位于右边两个...但是边框只在最后一个tr上。

我想得到类似这样的东西

感谢您的帮助。

编辑：为了更精确，表格上有一个类tableEnquete。

所以也有

.tableEnquetes tr:nth-child(2){ position:relative }

.tableEnquetes table{
    border-radius: 0 0 15px 0;
    box-shadow: 3px 3px 3px #AAA;
    margin: 0;
    table-layout: fixed;
 }

以下是此问题的一小部分：https://jsfiddle.net/wdwgn7ta/

Answer 1

您只需将0更改为background-color:white

即可

background-color:none