图像显示错误，显示线条

！[我在这里输入图片] [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？

来源

2013-03-11 Ng Yang Yang

检查有关DIV – kennypu 2013-03-11 05:15:42

格式的问题，第一利润/垫衬......我们不能让任何 – krish 2013-03-11 05:17:00

请创建的jsfiddle？ – hjpotter92 2013-03-11 05:18:59

试试这个：在这里我没有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>

来源

2013-03-11 09:26:31

当我尝试将div放入表中时，出现了我的问题。每行之间会出现一条线 – 2013-03-13 03:07:57

检查表格的属性，因为它可能是制作线条的表格的边框。 – 2013-03-21 01:06:45

图像显示错误，显示线条

回答

相关问题