2012-07-26 48 views
0

我是編程界的新手,一直在嘗試嘗試和了解更多信息。我正在使用靜態html i-frame應用程序創建一個自定義Facebook選項卡,並在垂直重複正文背景圖像時遇到問題。由於我無法弄清楚的原因,圖像與重複圖像之間存在白色空白。任何幫助將非常感激!重複身體背景圖像下方的空白處

下面是代碼:

body { 
    background-image:url('http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png'); 
    margin:0; 
    padding:0; 
    background-position:right top; 
    background-attachment: fixed; 
    background-repeat:repeat-y; 
    width:810px; 
    color: #333333; 
    font-family: Verdana, Geneva, sans-serif; 
    }` 
+0

一個巨大的空白設立了的jsfiddle我們還是給的鏈接問題頁。 – CaldwellYSR 2012-07-26 17:02:25

回答

1

您使用(http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png)該圖像具有的白色帶在頂部(粗略的測量結果表明它的高度大約是123px)。每次重複都會顯示出你正在觀察的差距。

你只想修剪圖像,它應該擺脫差距。

如果您想在頁面頂部有一個白色區域(但不是重複),最好是減少應用背景的區域或在頂部的元素上放置明確的白色背景。

1

因爲圖像本身對頂部