在Chrome td border-bottom重疊

在chrome和safari td邊框重疊在其他上。我正在使用css在Chrome td border-bottom重疊

.basketTable tr td { 
    background-color: #FFFFFF; 
    border-top: 1px dotted #666666; 
    color: #333333; 
    padding: 18px 9px 5px 0; 
    text-align: left; 
    vertical-align: top; 
}

完全無能爲力。我敢肯定，有人必須面對同樣的問題，請建議。

CSS：

.basketTable{ border-collapse:collapse;} 
.basketTable th { 
    padding:5px 10px 5px 0; 
    border-top:4px solid #666; 
} 
.basketTable tr td { 
    background-color: #fff; 
    border-top: 1px dotted #666; 
    padding:18px 9px 5px 0; 
    text-align:left; 
    color:#333; 
    vertical-align:top; 
}

HTML：

<table width="500px" border="0" class="basketTable" summary="table"> 
     <thead> 
      <tr> 
       <th class="productCol">Produkt</th> 
        <th class="articleCol">Art.nr.</th> 
       <th class="quantityCol">Antal</th> 
       <th class="unitPrice">Pris per styck</th> 
       <th class="totalPrice">Totalt</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td><a href="/alarms/baby_monitors/Pr362455"><img title="product" src="/medias/sys_master/8796144205854/36-2455_t.jpg" alt=""></a><p>Babytalker 1010 PMR Baby Monitor-Small</p></td> 
       <td class="productCode">36-2455</td> 
       <td><span class="quantity">1</span></td> 
       <td><span class="price">5,84<span>(6,49)</span></span></td> 
       <td colspan="4" class="last-child">5,84</td> 
      </tr> 
      <tr> 
       <td><a href="/alarms/baby_monitors/Pr362455"><img title="product" src="/medias/sys_master/8796144205854/36-2455_t.jpg" alt=""></a><p>Babytalker 1010 PMR Baby Monitor-Small</p></td> 
       <td class="productCode">36-2455</td> 
       <td><span class="quantity">1</span></td> 
       <td><span class="price">5,84<span>(6,49)</span></span></td> 
       <td colspan="4" class="last-child">5,84</td> 
      </tr> 
     </tbody> 
    </table>

來源

2011-09-28 Binay

這裏的鉻表格單元格邊界問題http://jsfiddle.net/2VcYK/ – 2012-01-30 17:58:33

嘗試table{border-collapse:separate;}。

來源

2011-09-28 13:13:38 Ashnur

試過，但沒有發生 – Binay

請使用[http://jsfiddle.net（http://jsfiddle.net）的例子用於分享出現此問題的示例代碼。 – Ashnur

嘗試td{overflow:hidden;}，它從邊界外部刪除重疊部分。

來源

2012-03-25 21:34:00 jupp0r

在Chrome td border-bottom重疊

回答

相關問題