错误与表中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移动

回答

相关问题