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>

知道如何使线条消失吗?

4

1 回答 1

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>
于 2013-03-11T09:26:31.447 回答