Высота блока по высоте блока, следующего за ним.

[Inf1n1tI]

Здравствуйте, существует такая конструкция:

<div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content">    <p>Некий текст</p></div>

.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} 

Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение использовать не могу. Подскажите пожалуйста, какие могут быть варианты решения проблемы?

[mrnobody]

Так вы задайте контенту полупрозрачный фон

http://jsbin.com/tuxonecesa/1/edit?html,css,output

[Inf1n1tI]

Так вы задайте контенту полупрозрачный фон

http://jsbin.com/tuxonecesa/1/edit?html,css,output

Спасибо большое, понял, думал прозрачность только через opacity делается.