Html Mobile Safari（iPad）中的背景图像渲染问题

在使用Mobile Safari和iOS浏览网页时，我遇到了一个简单但意想不到的渲染问题

基本上，我的页面有选项卡，选项卡由三个div和选项卡中心div内的a href组成。侧面的div包含背景，而中间的链接具有图像。出于某种原因，a href上的背景在Mobile Safari上显示水平黄线：

在桌面浏览器上，它工作正常：

[无法添加其他链接，该链接应为白色]

.TabPanelLinks_true {
    background: url(".../seltab-center.jpg") repeat-x scroll 0 0 transparent;
}

.TabPanelElement a {
    color: #5C5C5C;
    cursor: pointer;
    display: block;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
}

我尝试了不同的形象，但没有成功。我尝试将背景添加到中心分区，但没有成功。知道发生了什么吗

---

提前谢谢。

我希望有一种方法可以尝试一下，因为我没有iPad，但可能会指定一个边框：none

---

您可以尝试使用单个div，将选项卡的“末端”作为绝对定位的图像放在左侧：0和右侧：0…这是一种看起来没有任何不同的替代方法，但可以解决问题？如果您需要标签图形上的透明背景，您完全可以将图像定位在div之外，并相应地调整边距/填充。

我认为这是由于背景层未正确遮罩，或者至少这是我的问题。当有多个背景相互重叠时，似乎会发生这种情况

根据该帖子中某个人的建议，我添加了以下内容

border: 1px solid transparent;

---

给那个收到奇怪线路的div，这就解决了问题

谢谢你的回答。让我测试几个不同的配置，看看这是否解决了问题。