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

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像素的负边距让它消失。您可以使用媒体查询进行定位，因此桌面不受影响。