2012-07-16 69 views
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;} 

我無法找到一個理由,爲什麼這條線會出現。有沒有其他人遇到這樣的問題?

回答

2

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

基本上,這是一個渲染錯誤。你可能不得不給你的div的一個1或2像素的負邊距讓它消失。您可以使用媒體查詢來定位此目標,因此桌面將不受影響。

+0

這是一個純粹的移動網站,所以我會給你一個鏡頭。 – Chad 2012-07-16 19:24:07

+0

絕對是一個很大的修復,但它工作。我不得不把2個背景和一個圖像帶上一個像素。我討厭負利潤率哈哈。 – Chad 2012-07-16 19:40:01

+0

呃,我聽說你。我看到它在某些地方出現,而不是在其他地方出現。不知道爲什麼。很高興工作! – chipcullen 2012-07-16 19:43:45

相關問題