Два фона

[Йода]

Задача такая:

В макете из двух колонок, вторую необходимо одновременно залить однотонным цветом и вставить картинку как фон для текста. Верстал таблицей, т.е. в ячейку надо либо поместить картинку, а поверх неё уже текст, либо поставить её фоном ячейки. В последнем случае оставшееся место в ячейке заполняется фоном таблицы, пока так и сделал.

Но попытки поставить слой с картинкой за текст не увенчались успехом. Можно использовать относительное позиционирование: вставить слой с картинкой, затем абзац с текстом и текст поднять на высоту картинки, но тогда внизу ячейки будет ненужное свободное место, остающееся после текста. Сделать наоборот не получится: высоту абзаца никак не угадаешь.

Пробовал использовать абсолютное позиционирование для слоя с картинкой, но я никак не мог сделать картинку за текстом. Вроде как в таких случаях надо использовать z-index, но поставив "z-index: 1;" для абзаца с текстом и "z-index: 0;" для слоя с картинкой, ничего не меняется.

Вот мне и стало интересно, как еще можно поступить в таком случае и добиться , чтобы картинка была за текстом и не была фоном? И можно ли задать сразу два фона? Т.е. заливку и картинку.

[lancer]

Вот мне и стало интересно, как еще можно поступить в таком случае и добиться , чтобы картинка была за текстом и не была фоном? И можно ли задать сразу два фона? Т.е. заливку и картинку.

Если она будет не фоном, то пустое место в ячейке будет также заполняться фоном таблицы.

У Вас с позиционированием фона проблемы, видимо, а решаете другими методами. Без картинки лично я ничего не пойму.

По поводу одновременной заливки и фоновой картинки, так

background:#цвет_заливки url('фоновая картинка')

Edited October 2, 2009 by lancer