Question

我的背景有一个40x1000的jpg文件。我的CSS如下：

body
{
    margin: 0px;
    padding:0 px;
    text-align: center;
    background-image: url(jute_for_web1.jpg) ;
    background-repeat: repeat-x;
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-top:0px;
    height:100%;
    width:100%;
}
div.container
{
    text-align: left;
    border-color: Black;
    border-width: 0px;
    border-style: solid;
    width: 1000px;
    height: 768px;
    margin: 5px auto;
    background-color:White;
}

这延伸了我的形象。我究竟做错了什么？

Answer 1

它不会拉伸你的形象..

您只需将.container放在背景图片的顶部，由于容器上有background-color:white，因此身体上的图像不会显示..

告诉我们您想要做什么，我们可以提供更多帮助......

Answer 2

您的某些HTML可能会有所帮助。在此示例中，图像正确显示。（我使用相同的名字制作了一张图片。）

<html>
    <head>
        <style type="text/css">
            body
            {
                margin: 0px;
                padding:0 px;
                text-align: center;
                background-image: url(jute_for_web1.jpg) ;
                background-repeat: repeat-x;
                font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
                border-top:0px;
                height:100%;
                width:100%;
            }
            div.container
            {
                text-align: left;
                border-color: Black;
                border-width: 0px;
                border-style: solid;
                width: 1000px;
                height: 768px;
                margin: 5px auto;
                background-color:White;
            }
        </style>
    </head>
    <body>
        <div class="container">
            Hello World!
        </div>
    </body>
</html>

背景图像伸展

2 个答案: