Не убирается прозрачность

[nikki4]

есть блок с линией меню

#topmenu {
float:left;
width:960px;
height:60px;
background:white ;
margin-top:-60px;
border-radius:9px 12px 0 0;
opacity:0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */

для активной кнопки меню

#navigation li.active  {
opacity: 1;
background:blue;

смотрю файрбагом стили, 0.75 зачеркивается, и 1 остается в прозрачности.. вот только визуально ничего ен происходит, как был прозрачным так и остался.. что тут не то? почему не отменяется прозрачность?

[alexandr_v-vich]

Так вы всем дочерним элементам #topmenu поставили прозрачность 0,75. Их собственная прозрачность составляет 1. Но поскольку они находятся в блоке с прозрачностью в 0,75, то их соответственно такая же.

[wildhind]

свойство opacity распространяется на элемент и всех его потомков.

То есть, если для #topmenu задан opacity: .75, то и для всего, что в нём, будет такая же прозрачность. Сделать внутренний элемент полностью непрозрачным через задание opacity не получится. Нужны другие способы. Например background: rgba(r,g,b,.75);

[nikki4]

сделал

вместо того

rgba(255,255,255,.75), но почему-то фон не прозрачный совсем

Edited April 22, 2012 by nikki4

[alexandr_v-vich]

не прозрачный совсем

Не совсем прозрачный?

[nikki4]

извиняюсь.

все работает

просто забыл написать background: