隨機線路出現在移動設備上，但不是桌面上

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像素的負邊距讓它消失。您可以使用媒體查詢來定位此目標，因此桌面將不受影響。