Непрозрачность на два деления

Question

У меня есть два div, которые выглядят так:

<div id="outer">
   <div id="inner>
   </div>
</div>

#outer {
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 opacity:0.50;
}

Проблема в том, что я получаю непрозрачность и во внутреннем div.Я знаю, что могу поставить внутренний div вне внешнего div, но для меня это не решение

Answer 1

Да, это потому, что вы исчезаете #outer и все внутри это.

Если вы только пытаетесь угаснуть цвет фона, у вас есть два варианта:

1. Используйте прозрачный .gif в качестве фонового изображения.
2. используйте rgba.Rg.background-color: rgba(0, 0, 0, .6) равен черному с непрозрачностью 60%.

* РЕДАКТИРОВАТЬ *

Просто понял, что это для Internet Explorer 6пожалуйста, будьте более ясны в следующий раз.В этом случае rgba не будет работать, поэтому откажитесь от этого.Вы все еще можете сделать это с прозрачным фоновым изображением, но вам потребуется плагин jQuery, чтобы IE6 поддерживал изображения .png.Вот один http://jquery.andreaseberhard.de/pngFix/

Answer 2

Используйте цвет фона rgba, чтобы установить непрозрачность - ваша проблема - просто стандартная проблема css.