background-image

[DrStrangeLove]

Не раз замечал, задавая фон, что он не отображается... нужно чтобы был контент(задавать ширину, высоту).

Хотелось бы понять, как фон работает в этом примере:

слою с идентификатором #page задан фон, но не задана ширина, высота совсем.. За счёт чего он растягивается как надо??

Заранее Спасибо!!

[swetlana]

за счёт содержимого.

[DrStrangeLove]

  On 4/23/2011 at 10:06 PM, swetlana said:

за счёт содержимого.

т.е. правильно ли я понимаю, что, по большому счёту заценить фоновую картинку можно только когда уже закончил верстать макет(если раньше, то фон. картинка будет не целая)??

[swetlana]

фоновая картинка будет занимать места не больше, чем занимает сам блок.

Сам блок занимает столько места, сколько занимает его содержимое (в высоту. В ширину — весь поток, если явно не указано иное), либо же столько, сколько ему явно указано.

[DrStrangeLove]

  On 4/23/2011 at 10:33 PM, swetlana said:

фоновая картинка будет занимать места не больше, чем занимает сам блок.

Сам блок занимает столько места, сколько занимает его содержимое (в высоту. В ширину — весь поток, если явно не указано иное), либо же столько, сколько ему явно указано.

А если контент в высоту больше высоты фоновой картинки?? Как быть??

(понятно, что фон. картинке поставлен no-repeat)

[swetlana]

а фоновую картинку надо ещё и растянуть по размеру блока?

Тогда background-size.

Только вот поддерживают это свойство только последние версии браузеров.

[DrStrangeLove]

  On 4/26/2011 at 12:16 AM, swetlana said:

а фоновую картинку надо ещё и растянуть по размеру блока?

Тогда background-size.

Только вот поддерживают это свойство только последние версии браузеров.

А без background-size??

[swetlana]

прямых способов без этого свойства не существует.

Только нагромождения с абсолютами.

[DrStrangeLove]

Ещё вопрос по тому же примеру..

Футер (с фон.картинкой) через отриц. margin-top подтянут вверх, при этом конец абзаца идёт поверх верхней части фон. картинки футера... Конец абзаца находится в совсем другом блоке (не футер).

Что заставляет текст идти поверх фон. картинки футера?? разве футер подтянутый вверх через отриц. margin-top не должен наложиться поверх текста конца абзаца??

P.S.: никаких z-index'ов я не нашёл...