Почему этот div наследует непрозрачность своего родителя?

Question

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

У меня есть div с непрозрачностью, установленной на 1, внутри другого div с непрозрачностью, установленной на .5, чтобы создать действительно дешевый эффект «лайтбокса». Я сделал это точно по крайней мере на двух других сайтах, точно так же, и никогда не сталкивался с этой проблемой. На самом деле, если я открою новую HTML-страницу в Dreamweaver и попытаюсь продублировать проблему, я не смогу. Я знаю, что, должно быть, упускаю из виду что-то настолько нелепо простое, но ...

URL-адрес, вызывающий оскорбление, является http://pmind.com/staging/123/dashboard.shtml

Белый квадрат в середине, generate_window, наследует непрозрачность своего родителя (generate_window-wash).

Почему?

Answer 1

Родитель <div>, , включая все, что внутри него , является прозрачным.

Вы не можете иметь непрозрачный элемент внутри прозрачного.

Вместо этого вы можете расположить непрозрачный <div> над прозрачным, не будучи ребенком.

Answer 2

Все дочерние узлы элемента с непрозрачностью наследуют эту непрозрачность.Это сделано специально.

Вам необходимо перестроить HTML-код, чтобы элемент не был дочерним, но занимал ту же позицию.

Answer 3

Он не наследует от своих родителей .. Я видел в firebug, он показывает следующие свойства:

#generate_window {
background:none repeat scroll 0 0 #FFFFFF;
height:400px;
margin:200px auto;
opacity:1;
position:relative;
width:500px;
z-index:2000;
}