Index · Правила · Поиск· Группы · Регистрация · Личные сообщения· Вход

Список разделов Веб-строительство и интернет-проекты
 
 
 

Раздел: Веб-строительство и интернет-проекты фоновое изображение 

Создана: 23 Мая 2007 Срд 15:33:11.
Раздел: "Веб-строительство и интернет-проекты"
Сообщений в теме: 3, просмотров: 2162

  1. 23 Мая 2007 Срд 15:33:11
    хочу картинку на задний фон сделать, но не текстурная заливка, а полноценная картинка на весь экран

    <body background="picture.jpg">
    вот так выглядит текстурная, то есть много повторяющихся картинок, а как сделать чтобы она одна была на весь экран?
  2. Heimdal


    Участник


    Более 10 лет на форумеМуж.
    23 Мая 2007 Срд 20:01:26
    Растянуть картинку - не уверен, что такое можно, а вот, чтоб она не множилась - прописывайте в стилях
    Код:

    background-image:url(путь к картинке);
       background-position:top right;
       background-repeat: no-repeat;

    Положение можно выбирать.
  3. lorien


    Завсегдатай


    Более 10 лет на форумеМуж.
    28 Мая 2007 Пон 15:48:12
    В принципе можно и растянуть картинку, только какой смысл, на разных мониторах будет растягивать по разному и получится где-нить шибко растянутым...
    В общем, что-то типа:
    Код:

    html,body {
    height: 100%;
    width: 100%;
    }

    #background-img {
    display: absolute;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    }

    #main-content {
    display: absolute;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }