Приветствую!
Необходимо сделать полу-прозрачный фон над картинкой, над этим фоном предпологается размещение текста. Прозрачность делаю
filter:Alpha(Opacity=20);
-moz-opacity: 0.20;
Получается что текст наследует прозрачность фона - что не желательно. Как побороть?
Пробовал вместо div исполльзовать td (так же сочетания того и другово), пробовал указывать для текста 100% непрозрачность, заключать его в контейнер, неработает ни в ie ни в Ffox`e. Помогите кто знает :blush2:
ниже образец кода
=========пример кода==начало===
<!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">Текст наследует прозрачность. Как бы отучить?</div>
</div></span>
</body></html>
=========пример кода==конец===