Фоновое изображение растягивается - PullRequest
Новая
       4

Фоновое изображение растягивается

0 голосов
/ 10 июня 2010

У меня есть 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;
}

Это растягивает мое изображение. Что я делаю неправильно?

Ответы [ 2 ]

1 голос
/ 10 июня 2010

оно не растягивает ваше изображение ..

Вы просто помещаете .container поверх фонового изображения, и поскольку у вас есть background-color:white на контейнере, изображение в теле не получаетсяотображается ..

расскажите нам, что именно вы хотите сделать, и мы можем помочь больше ..

0 голосов
/ 10 июня 2010

Некоторые из ваших 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...