Question

仅在Opera Browser中发生这种情况。我为每个单元格创建了一个简单的边框，除了少数几个应该是无边框的，除了在Opera之外，每个主要浏览器中的一切都很好。我已经创建了显示问题的jsFiddle。

我不知道这是我做错了什么还是bug？

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/

单元格边框0px设置为少数单元格但仍在Opera中显示

0 个答案: