Непрозорий текст в прозорому блоці> блог інтернет технологій

(Натисніть, щоб збільшити)

Блукаючи по форумам і блогам, частенько натикаюся на проблему: люди шукають рішення проблеми, як сделатть непрозорий текст в прозорому блоці з закругленими краями на CSS?

Отже. На початку робимо блок із закругленими краями, правда це рабоет тільки в FF, а в інших закруглені кути не буде.
HTML:

Тут йде текст

CSS:
.rightcolumn position: relative;
top: 80px;
right: 30px;
padding: 30px;
width: 600px;
color: # 000;
float: right;
overflow: hidden;
>
.rightcolumn .transparency opacity: 0.5;
filter: alpha (opacity = 50);
-moz-opacity: 0.5;
background-color: #fff;
width: 660px;
height: 2500px;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid # 9E5C28;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
>
Тепер, додаємо клас (наприклад .cont), в якому буде текст.

HTML:

Тут йде текст

CSS:
.cont
Все працює. А в Мозіль навіть і закруглені кути є

Приклад видно на верхній фото, натисніть щоб збільшити!