[Fireman]

Здравствуйте. Передо мной стоит задача: нужно сделать фон блока частично прозрачным, но при этом, чтобы текст в этом блоке не был прозрачным. В данный момент стоит у меня такой код в css:

PHP код:

#gkContent { background: #323232; border-radius: 12px; box-shadow: 0px 1px 3px #c24921; font-size: 15px; opacity: 0.7;filter:alpha(opacity=70);zoom:1;} 


Таким образом 30% прозрачности удается добиться, но при этом и текст блока прозрачен, чего мне не нужно. Подскажите, пожалуйста, как реализовать вышеизложенную вещь не трогая текст?

[TbIKBA]

Пробовали ниже указать нулевую прозрачность для текста? Скажем текст вставить в p, прописав для p отсутствие прозрачности

[Fireman]

Цвет текста прописан в CSS в разделе body. Там пробовал приписать отсутствие прозрачности - не помогло.

[DarkAngel-163]

Fireman, как вариант сделать фон картинкой размерами 1х1 пиксель с заданной прозрачностью, ну или побаловаться с конструкцией двух блоков НЕ вложенных друг в друга, одному прописать прозрачность, а в другой текст.
Но при этом необходимо будет указывать обоим блокам одинаковые размеры, позиционировать блок с текстом абсолютно от родительского, да ещё и если растянется блок с текстом, то и тот должен. В общем лучше картинкой

[Fireman]

DarkAngel-163, спасибо, так и сделал!

[Olexandr]

При использовании filter:alpha(opacity=70); - прозрачность действует на всё содержимое слоя, включая дочерние элементы, если прозрачность слоя установлена как 0.7, текст внутри слоя получает такое же значение.
Попробуйте использовать rgb:

Код:

background: rgba(0, 170, 238, 0.7);

- где 0.7 - прозрачность. Текст должен не измениться.