И опять прозрачность

[allod21]

Нужно сделать что бы выводился блок в который будет вписан текст.

Сам блок должен быть полупрозрачный 0.5, а текст нормальный.

Важное условие то, что размеры блока всегда разные и зависят от количества текста. ткните в пример

**********

*текст 121*

**********

[homm]

Текст не должен быть внутри объекта с прозрачностью, иначе его нельзя будет сделать непрозрачным.

Есть еще вариант сделать фон из полу-прозрачной картинки, тогда прозрачность самому блоку задавать не нужно и кест может быть в нем.

[Searcher]

В стилях пишите:

div.container {} /* здесь положение ширина и т.п. общего контейнера */
div.opacity {position: absolute; width:100%; height:100%; opacity:0.5; filter: alpha(opacity=50);} /* это прозрачный блок */
div.content  {position: absolute; width:100%; height:100%; } /* здесь ваше содержимое */

В коде страницы пишите:

<div class="container">
  <div class="opacity"></div>
  <div class="content">Здесь ваш контент.</div>
</div>

Edited November 21, 2008 by Searcher

[Рамилькин]

хитро сделано), но универсальней все таки будет использовать полупрозрачный png, хотя код будет намного сложнее и больше

[Searcher]

Мой способ работает во всех популярных браузерах. Только я там в степени прозрачности для IE ошибся, нужно alpha(opacity=50);

С обычной полупрозрачностью не вижу смысла городить с png. А вот если нужна градиентная прозрачность, тут только png.