Прозрачный градиент

[jaster]

Извините за глупый вопрос, но как сделать градиент прозрачным, как только пропишу прозрачность opacity 0.5, блок перестает быть градиентом и закрашивается одним цветом, в гугле не нашел инфу.

Вот ссылка http://jsfiddle.net/RhTUQ/ .

Edited February 21, 2013 by jaster

[npofopr]

использовать rgba?

rgba(97, 204, 180, прозрачность)

[jaster]

а разница есть ? я же то же самое задаю при помощи opacity ?

[sigma77]

Цвета близкие друг к другу, плюс фон также зеленый, поэтому полупрозрачность и не заметна - http://jsfiddle.net/RhTUQ/1/

а разница есть ? я же то же самое задаю при помощи opacity ?

Разница есть.

В случае с rgba() полупрозрачным будет только фон.

С opacity - весь блок целиком, включая текст и другие вложенные элементы.

[jaster]

Спасибо, я добавил еще два блока, мне нужно чтобы они были также резиновые как и внешний,но когда сужаю окно внутренние блоки выходят за границу внешнего, как это исправить ?

http://jsfiddle.net/kDfgY/

Спасибо, я добавил еще два блока, мне нужно чтобы они были также резиновые как и внешний,но когда сужаю окно внутренние блоки выходят за границу внешнего, как это исправить ?

http://jsfiddle.net/kDfgY/

А если ставлю ширину 100% то блоки сразу торчат снаружи.

[miloslovesky]

http://jsfiddle.net/kDfgY/5/