Наследование прозрачности, как побороть?

Lann · 27.07.2006, 11:06

Приветствую!
Необходимо сделать полу-прозрачный фон над картинкой, над этим фоном предпологается размещение текста. Прозрачность делаю

filter:Alpha(Opacity=20);
-moz-opacity: 0.20;

Получается что текст наследует прозрачность фона - что не желательно. Как побороть?

Пробовал вместо div исполльзовать td (так же сочетания того и другово), пробовал указывать для текста 100% непрозрачность, заключать его в контейнер, неработает ни в ie ни в Ffox`e. Помогите кто знает

ниже образец кода

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>Test</title><style>

#bg {
width:500px;
height:500px;
background: #000000;
filter:Alpha(Opacity=20);
-moz-opacity: 0.20;

}

#container {
width:400px;
height:400px;
margin-right:auto;
margin-left:auto;
border: 1px solid #7e9fb1;
}

.texttemp {
font-size:30px;
font-family:Verdana;
font-weight:Bold;
color:#ffffff;
}

</style></head><body bgcolor="#263740">


<div id="bg">
<div id="container"><span class="texttemp">Текст наследует прозрачность. Как бы отучить?</span></div>
</div>


</body></html>