1

У меня проблема с некоторым CSS.Сочетание фонового изображения и цвета фона с прозрачным элементом

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

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

Есть ли способ использовать как прозрачный фон, так и сплошной цвет в одном и том же div, но положение цвета должно быть ниже прозрачной части?

Вот фон с прозрачным элементом, показывающий фон под:

И я стараюсь, чтобы избежать этого, боковая панель длиннее, чем основное содержание, поэтому фон заканчивается рано:

+0

Моим первым инстинктом было бы сказать «нет». Если элемент имеет цвет BG, он всегда будет там, даже обнаруживая пробелы в изображении BG. –

+0

Хм, я думал, что так будет. Спасибо Адриану. – adamstrawson

+0

@Moak Здесь вы идете: http://jsfiddle.net/zMCdG/2 - Это простой двухэтажный макет - мне пришлось упростить код ради демонстрации. – adamstrawson

ответ

0

Я решил это просто сделать фоновое изображение тупо долго вместо этого.

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

Смежные вопросы