2013-03-11 142 views
0

![我在這裏輸入圖片] [1]我有一個問題。我放入背景的圖像分爲四部分。標題,body1,body2和頁腳。我的問題是當body1和body2連接在一起時,圖像中有一條線。這同樣適用於body2,當我重複時,該行在底部。問題是,當在一個div顯示一個圖像,然後在此之後另一圖像的線條他們 之間出現,這是我的代碼:圖像顯示錯誤,顯示線條

<div id="header" 
     style="background-image:url('Graphic/banner.png'); height: 84px;">  
    </div> 
    <div id="Body1" 
     style="background-image:url('Graphic/topper.png'); height: 364px;" >  
    </div> 
    <div id="Body2" 
     style="background-image:url('Graphic/body.png'); height: 364px;">  
    </div> 
    <div id="Footer" 
     style="background-image:url('Graphic/footer.png'); height: 82px;">  
    </div> 

任何想法,如何讓行disapear?

+0

檢查有關DIV – kennypu 2013-03-11 05:15:42

+1

格式的問題,第一利潤/墊襯......我們不能讓任何 – krish 2013-03-11 05:17:00

+0

請創建的jsfiddle? – hjpotter92 2013-03-11 05:18:59

回答

0

試試這個:在這裏我沒有div之間的空格,請確保圖像上沒有 空格。

<html> 
<head> 
<title></title> 
</head> 
<body> 
<div id="header" 
     style="background-image:url('#'); background-color: #EBC64D; height: 84px;">  
    </div> 
<div id="container">  
    <div id="Body1" 
     style="background-image:url('#'); background-color: #07ED5F; height: 364px;" >  
    </div> 

    <div id="Body2" 
     style="background-image:url('#'); background-color: #2E16A8; height: 364px;">  
    </div> 
</div> 
    <div id="Footer" 
     style="background-image:url('#'); background-color: #E01B6A; height: 82px;">  
    </div> 
</body> 
</html> 
+0

當我嘗試將div放入表中時,出現了我的問題。每行之間會出現一條線 – 2013-03-13 03:07:57

+0

檢查表格的屬性,因爲它可能是製作線條的表格的邊框。 – 2013-03-21 01:06:45