在手機瀏覽器中，頁腳圖像不重複，但背景圖像確實很好

我的網頁在桌面瀏覽器上正常工作，但是當我在iPhone上打開它時，背景圖像重複但不是頁腳圖像。他們有幾乎相同的CSS代碼，可能是什麼問題？在手機瀏覽器中，頁腳圖像不重複，但背景圖像確實很好

這裏是身體

body.login { 
    margin:0; 
    padding:0; 
    position:relative; 
    background: #161616 url(../img/login-page-bg_01.png) left top repeat-x; 
    font-family: roboto,"Helvetica Neue",helvetica,arial,sans-serif; 
    font-size:12px; 
    line-height: 1.7em; 
    height:750px;}

我的CSS代碼，這裏是頁腳

.login div.footer{ 
margin:0; 
padding:0; 
background:url(../img/login-page-bg-footer.png) left top repeat-x; 
position:relative; 
bottom:0; 
left:0; 
width:100%; 
height: 117px; 
z-index:5; 
    }

問題是人體血糖圖像重複，但頁腳圖像只是重複一次，CSS代碼。

來源

2013-08-29 overmellow

'repeat-x'表示水平重複而非垂直重複。你不想重複？ – Rudie

是的，我想要水平重複。bg和footer圖像都是要在x軸上重複的小圖像列，以製作完整寬度的圖像。 – overmellow

請格式化您的CSS更具可讀性。 – Rudie

沒有看到所有的代碼，這些可能是問題：

移動Safari瀏覽器不會呈現非常大（尺寸，文件大小不）圖像非常好。
width: 100%僅當其父項具有設定寬度時纔有意義。
嘗試刪除position，left和bottom。在這種情況下它們是無用的。

要查看元素本身夠大，你可以添加背景顏色：

background: red url(../img/login-page-bg-footer.png) left top repeat-x;

我喜歡爲「紅色」。紅色大還是小？

來源

2013-08-29 23:11:53 Rudie

在手機瀏覽器中，頁腳圖像不重複，但背景圖像確實很好

回答

相關問題