我正试图在每个表格线上留下一个阴影。但它不适用于第一个,我不明白为什么。
我把你的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/
答案 0 :(得分:0)
您只需将0
更改为background-color:white
background-color:none