Резиновый бэкграунд, как луше поступить?

[angel12]

Есть картинка, которая должна являться бэкграундом. Как поступить?:

1) Разместить в html img с шириной в 100% абсолютом и z-index, или же...

2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда)

Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?

[psywalker]

Да, я тоже считаю, раз у тебя фон повторяется в середине, да и потом можно отказаться от картинки, лучше отказаться. Делай пункт 2

[angel12]

Спасибо, так и поступлю. А если бы нельзя было использовать repeat, то тут самый правильный выход - img? Как бы ты поступил? Скажем, к примеру, в макете предусмотрено 5 резиновых бэкграундов, просто может есть ещё другой способ

[psywalker]

Спасибо, так и поступлю. А если бы нельзя было использовать repeat, то тут самый правильный выход - img? Как бы ты поступил? Скажем, к примеру, в макете предусмотрено 5 резиновых бэкграундов, просто может есть ещё другой способ

Во-первых начнём с того, что ты не видишь разницы, между тянущимся фоном и повторяющимся, а она есть! Это совсем разные вещи.

Во-вторых повторяться фон может везде, а растягиваться только в CSS3 и последних браузерах.

Ну и в третьих я бы смотрел на ситуацию, и исходил из этих соображений от части.

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

[angel12]

Разницу разумеется вижу. Под другими способами я имел ввиду, к примеру тот же JS, ибо background-size разумеется сейчас пока не актуален.

Картинка будет лишней, поэтому скажу максимально просто на словах:

Есть блок, он растягивается на всю ширину экрана, тобишь 100% (но не важно насколько, главное, что ширина не фиксированная).

Задача: сделать этому блоку бэкграунд, который бы растягивался на всю его ширину. Именно растягивался, а не повторялся.

[psywalker]

Разницу разумеется вижу. Под другими способами я имел ввиду, к примеру тот же JS, ибо background-size разумеется сейчас пока не актуален.

Картинка будет лишней, поэтому скажу максимально просто на словах:

Есть блок, он растягивается на всю ширину экрана, тобишь 100% (но не важно насколько, главное, что ширина не фиксированная).

Задача: сделать этому блоку бэкграунд, который бы растягивался на всю его ширину. Именно растягивался, а не повторялся.

Тогда нужно смотреть по ситуации, если можно сделать просто на блоках и с повторяющимися элементами, то наверное выбрал бы этот путь.

[angel12]

ладно, спасибо

[psywalker]

ладно, спасибо

Не за что.