これは Opera ブラウザでのみ発生します。ボーダレスにする必要があるいくつかを除いて、すべてのセルにシンプルなボーダ付きのテーブルを作成しました。Opera を除くすべての主要なブラウザですべてが正常に表示されます。問題を示す jsFiddle を作成しました。
これが私が何か間違ったことをしているのかバグなのかわかりませんか?
HTML コード:
<table>
<tr>
<th>Lp.</th>
<th>Number</th>
<th>Number</th>
<th>Number</th>
<th>Number</th>
</tr>
<tr>
<td>1</td>
<td>1234.56</td>
<td>1234.56</td>
<td>1234.56</td>
<td>1234.56</td>
</tr>
<tr>
<td>2</td>
<td>1234.56</td>
<td>1234.56</td>
<td>1234.56</td>
<td>1234.56</td>
</tr>
<tr>
<td class="clean" colspan=2></td>
<td class="clean">Total:</td>
<td>1234.56</td>
<td>1234.56</td>
</tr>
<tr>
<td colspan=5 class="total-clean"></td>
</tr>
<tr>
<td colspan=3 class="total-clean"></td>
<td>1234.56</td>
<td>1234.56</td>
</tr>
CSS コード:
body {
font-family: 'Open Sans';
font-size: 11pt;
}
table {
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}
table tr td {
border: 1px solid #C9C9C9;
}
table tr th {
border: 1px solid #C9C9C9;
background-color: #EFEFEF;
}
table tr .clean {
border-left: 0px solid #FFFFFF !important;
border-bottom: 0px solid #FFFFFF !important;
border-right: 0px solid #FFFFFF !important;
}
table tr .total-clean {
border: 0px solid #FFFFFF !important;
}