Html 仅在iPad上，桌子单元格之间的白色边框非常薄

这只发生在iPad视网膜和非视网膜iOS 5和6上

即使我试图在一张桌子上没有边框，也会出现一个薄薄的白色边框

您可以在

http://codepen.io/anon/pen/Kcexq

需要iPad或模拟器才能查看pb

仔细查看绿色选项卡，有一个白色边框：

---

对于记录，显示为表格单元格时也会发生同样的情况。

出现的薄边框似乎是由

显示：表格行

和/或

显示：表格单元格

属性引起的

注意：它实际上不是白色边框，它是一种

rgba:（0,0,0，alpha）

；你可以看到，如果你改变了桌子后面的背景色

通过将

td

样式更改为

显示：内联块，或
tr
样式到
显示：块，它去掉了单元格的左边框和右边框，但底部边框仍然保持不变

事实上，使用
rgba（0,0,0,0）覆盖
border color
任何内容（表、tr、td…）都不会改变任何内容，
边框折叠：折叠（如Morpheus所建议）。
要么计算样式不显示任何已计算的边界，但仍然在这里

注意：iOS似乎还可以根据用户的缩放比例（在真实的iPad上测试）计算边框。

以下是Safari iOS的默认表格样式：

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

我仍然在寻找一个隐藏的CSS，它可以添加alpha边框，如果我发现任何东西，它会更新我的答案。
这是因为背景。
你应该用1px的宽度和固定的高度剪切图像，并将其作为背景

td
   {
     background: url('your_url/green_bg.png') repeat-x;
   }

这个问题与浏览器故意渲染具有干净的1像素边框的表格单元格有关，并且这种行为通常通过背景色可见。解决方案是将有问题的区域包装/嵌套在其自己的表中，并设置表的背景色，而不是单元格的背景色

这里的讨论在这方面非常有用
您是否尝试添加了
边框折叠：折叠
？将
放在
中。您好，是否有可能导致非整数的计算（如12.5px）？还有，你试过重置边框颜色不透明度吗？对不起，我真的很努力，找不到如何删除这些边框。你还发现了什么吗？表{…边框折叠：分离；边框间距：2px；…}，试着关注边框间距。@Milchepatren我已经尝试覆盖所有默认属性，但运气不佳：我设置了
边框折叠：折叠和
边框间距：0px，没有更改…您是否覆盖了“不透明度”？@milchepaten
不透明度
将影响整个元素，而不仅仅是边框；我尝试了
边框颜色：rgba（0,0,0,0）使边框透明，但未成功。嘿，rgba（0,0,0,0）表示黑色透明。。尝试使用rgba（0,0,0,1）作为边框颜色，而不是框。另外：背景剪辑：填充框；可以修复一些IE9行为。