2010-10-18 5 views
0

У меня есть 3 divs, каждый с индексом z выше предыдущего и все накладываются друг на друга.IMG не отображается выше цвет фона?

У нижнего div есть изображение, следующий div имеет фоновый цвет с непрозрачностью: 0.7, а верхний div имеет другое изображение. Проблема заключается в том, что самое верхнее изображение также отображается под фоновым цветом под ним, в Chrome, FF и IE.

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

ответ

0

Я думаю, я мог бы просто заменить фоновый цвет на простой img.

+0

Хмм, это не сработало, пока я не изменил положение: зафиксировано для верхнего div. Любопытно. – rutherford

+0

на самом деле не любопытно - я только что нашел для правильного функционирования z-index, для которого требуется, чтобы правило позиции было явно задано в css. – rutherford

+0

Если вы используете фиксированный, тогда при прокрутке страницы этот элемент будет находиться в одном месте (то есть он не будет прокручиваться вместе с остальной частью страницы). Позиция: статическая; является значением по умолчанию. –

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