0

这只发生在 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;
}

http://jsfiddle.net/4krAQ/

4

0 回答 0