錯誤與表中Safari移動

我有如下表：錯誤與表中Safari移動

<table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse"> 
<tr> 
    <td class="tr-l-t"> 
    </td> 
    <td class="tr-t"> 
    </td> 
    <td class="tr-r-t"> 
    </td> 
</tr> 
<tr> 
    <td class="tr-l"> 
    </td> 
    <td class="control-panel"> 
    </td> 
    <td class="tr-r"> 
    </td> 
</tr> 
<tr> 
    <td class="tr-l-b"> 
    </td> 
    <td class="tr-b"> 
    </td> 
    <td class="tr-r-b"> 
    </td> 
</tr>

...和CSS

.tr-l-t 
{ 
    background: url("../Images/tr_l_t.png") no-repeat; 
    width: 6px; 
    height: 6px; 
} 
.tr-l-b 
{ 
    background: url("../Images/tr_l_b.png") no-repeat; 
    width: 6px; 
    height: 6px; 
} 
.tr-r-t 
{ 
    background: url("../Images/tr_r_t.png") no-repeat; 
    width: 6px; 
    height: 6px; 
} 
.tr-r-b 
{ 
    background: url("../Images/tr_r_b.png") no-repeat; 
    width: 6px; 
    height: 6px; 
} 
.tr-t 
{ 
    background: transparent url("../Images/tr_t.png") repeat scroll 0 0; 
    height: 6px; 
} 
.tr-l 
{ 
    background: transparent url("../Images/tr_l.png") repeat scroll 0 0; 
} 
.tr-r 
{ 
    background: transparent url("../Images/tr_r.png") repeat scroll 0 0; 
} 
.tr-b 
{ 
    background: transparent url("../Images/tr_b.png") repeat scroll 0 0; 
    height: 6px; 
} 
.control-panel 
{ 
    background-color: #151515; 
    width: 300px; 
    height: 30px; 
}

無論是在IE7好看/ 8，FF，Chrome和Safari（Windows和Mac OS）瀏覽器。然而，在Ipod/Iphone/Ipad的Safari中，白色條紋出現在td標籤之間。我試着添加邊框：0無，填充：0px，邊距：0px，但沒有成功。

你對如何解決它有什麼想法嗎？

來源

2011-03-22 Dima V.

使用頁面模板中的元標記設置視口。當比例在「1」時，表格apear沒問題。當放大或縮小或甚至將初始縮放設置爲1以外的任何值時，您都會看到間隙。這就是我目前正在進行的工作。

REG， MW

來源

2011-04-12 05:21:28 MatW

margin-bottom: -2px; //on one of the TD elements

這爲我工作，但對我來說我是用純白色連接兩個達陣。不確定這是否會在每種情況下都可用。

來源

2011-11-22 13:22:51 alex

錯誤與表中Safari移動

回答

相關問題