Полупрозрачный ДИВ

EDITED

Я пытаюсь удалить #header непрозрачность, когда #main перекрывает его.

Поскольку я использую изображение, которое использует свойство background-size, я не могу просто создать другой div внутри #main.

Пример:

I want the exactly opposite from what I got.

Есть ли способ сделать это?

Спасибо.

Итак, единственное, что вы хотите видеть из контейнера #main, когда оно перекрывает #header, - это тень от границ, это правильно? – Thanos

Этот вопрос требует лучшего определения. Укажите скриншоты результата, который вы хотели бы видеть. – pygeek

Нет ... взгляните на новый код. Я хочу сделать инверсию. –

Непрозрачность наследуется и не может быть просто удалены.

.notranscolor -> opacity: 0.5 * 1.0 = 0.5

Решение:

Absolutly содержимое позиции.

2013-07-26 04:02:23

Я решил свою проблему, используя три div. Благодарю. –

@ MaurícioGiordano Я как раз собирался опубликовать решение, используя 3 divs - http://jsfiddle.net/7e3BG/ – Prasanth

@ MaurícioGiordano не могли бы вы показать нам результат на скрипке? –

Использование

background: inherit;

для #main дел. Вы также можете указать любой другой фоновый цвет в явном виде.

EDIT:

удаления

position: relative;

для #main DIV, кажется, сделал это.

EDIT 2:

раствор с помощью 3 дивы:

2013-07-26 03:35:16 Prasanth

Это не то, что я ищу ... Я хочу показать «оригинальный» красный цвет, когда #main перекрывает его (без непрозрачности). –

@ MaurícioGiordano проверить изменения. – Prasanth

Я загрузил фотографию, пожалуйста, посмотрите –

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

Проверить это fiddle, хотя я не думаю, что это то, что вы хотите ...

Я только вернулся индекс

z-index: 0;

2013-07-26 03:51:23 Thanos

Я добавил скриншот. –

ответ