0

所以我正在开发一个移动网站,我遇到了一个问题,即在一个部分上方弹出一条随机线。我无法真正测试它,因为该行没有出现在桌面上。我正在使用带有 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;}

我只是找不到那条线出现的原因。有没有其他人遇到过这样的问题?

4

1 回答 1

2

我认为这可能是一个 webkit 范围的问题,尽管我认为这只是一个 iOS 问题

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

于 2012-07-16T19:19:27.927 回答