css - 随机线显示在移动设备中，但不显示在桌面设备中

Question

所以我正在开发一个移动网站，我遇到了一个问题，即在某个部分上方随机弹出一行。我无法真正测试它，因为该行没有显示在桌面上。我正在使用带有 ICS 的全新 Android 手机，我也在其他几部手机上对其进行了测试。

我的 HTML 结构是:

<footer>
    <div class="footer-top">
    </div>
    <div class="footer-main">
    </div>
</footer>

这些部分的 CSS 是:

footer { margin-top: -18px; position: relative; z-index: 100; }
.footer-top { background: url(../images/footer-top.png) repeat center top; height: 35px; text-align: center; }
.footer-main { background: url(../images/footer_bg.jpg) repeat center; padding-bottom: 30px;}

我只是找不到出现该行的原因。有没有其他人遇到过这样的问题？

Answer 1

I think this may be a webkit-wide issue, though I thought it was just an iOS issue .

基本上，这是一个渲染错误。您可能必须给其中一个 div 设置 1 或 2 个像素的负边距才能使其消失。您可以使用媒体查询来定位它，因此桌面不会受到影响。