Фон сайта

[Beliy-Linuxoid]

Здравствуйте, Подскажите пожалуйста как сделать что бы фоновая картинка сайта открывалась всегда в любых браузерах, при любом расширении, на весь экран и без прокрутки. Заранее большое спасибо!

Edited July 5, 2011 by Beliy-Linuxoid

[psywalker]

Здравствуйте, Подскажите пожалуйста как сделать что бы фоновая картинка сайта открывалась всегда в любых браузерах, при любом расширении, на весь экран и без прокрутки. Заранее большое спасибо!

Используй обычную картинку и растягивай её абсолютом на 100% во все стороны.

[SelenIT]

Так?

[Beliy-Linuxoid]

вот как я сделал:

position:absolute;

width:100%;

height:100%;

background: url(../images/fon.png) no-repeat;

получилось на весь экран, без прокрутки, Но фоновая картинка Не вся т.е. её обрезало.

говорят это может быть из-за родительского элемента. как можно определить какой элемент родительский?

или что можно сделать в этой ситуации?

[psywalker]

или что можно сделать в этой ситуации?

А два верхних поста ты просто проигнорил, да? Ну и пральна, нафиг оно надо)

[Beliy-Linuxoid]

А два верхних поста ты просто проигнорил, да? Ну и пральна, нафиг оно надо)

не понял каких два верхних поста? ты о чём?

[psywalker]

А два верхних поста ты просто проигнорил, да? Ну и пральна, нафиг оно надо)

не понял каких два верхних поста? ты о чём?

Ну вот например тебе человек решение показал http://forum.htmlbook.ru/index.php?showtopic=27796&view=findpost&p=209310

[Beliy-Linuxoid]

Так?

Да да да. именно так! только у меня фоновая картинка посложнее там дворцовая площадь изображена

[psywalker]

Так?

Да да да. именно так! только у меня фоновая картинка посложнее там дворцовая площадь изображена

Ну это не важно, хоть Таджмахал)))

[Beliy-Linuxoid]

Так?

Да да да. именно так! только у меня фоновая картинка посложнее там дворцовая площадь изображена

Ну это не важно, хоть Таджмахал)))

))) так как это сделать подскажите пожалуйста очень нужно!!!

[psywalker]

Так?

Да да да. именно так! только у меня фоновая картинка посложнее там дворцовая площадь изображена

Ну это не важно, хоть Таджмахал)))

))) так как это сделать подскажите пожалуйста очень нужно!!!

Так ведь в предложенном варианте есть даже код, в чём проблема? У тебя картинка разве чем-то отличается от одной целой?

Тогда мы видимо не поняли твоей задачи? В чём отличие? Покажи тестовую страницу с примером хотя бы тогда.

[rookie]

Может быть твоя картинка просто имеет большее разрешение чем окно браузера, не?

Если да, то можно так:

.target-box {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(img/blah.png) 0 0 no-repeat;
 -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}

В IE<9 такой фокус не работает, зато теперь наплевать как соотносятся разрешение экрана и размер изображения.

[Beliy-Linuxoid]

Может быть твоя картинка просто имеет большее разрешение чем окно браузера, не?

Если да, то можно так:

.target-box {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(img/blah.png) 0 0 no-repeat;
 -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}

В IE<9 такой фокус не работает, зато теперь наплевать как соотносятся разрешение экрана и размер изображения.

Спасибо огромное дружище!!! Прокатило теперь всё работает!!!!