0

![ここに画像の説明を入力][1]問題があります。背景に入れる画像は4つの部分に分かれています。ヘッダー、ボディ 1、ボディ 2、およびフッター。私の問題は、body1 と body2 が結合すると、画像に線が表示されることです。これは、繰り返しを置くときに body2 にも同じことが適用されます。線は一番下にあります。問題は、div 表示内の 1 つの画像と、その後に別の画像の間に線が表示される場合です。これは私のコードです。

<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 に答える