Beyler hazırladığım bir sayfada üstte bir menü düşünün menü butonuna tıklandığında jquery ile hazırladığım açılır yarı sayfa yukardan aşağı açılıyor.

Yukarıdan aşağı açılan sayfa backgroundu saydam olması gerekiyor ancak içeriğinde belirli öğeler yazılar mevcut background opacity değerini düşürdüğümde...

İçeriğine yerleştirdiğim yazı, ikon vs içerik saydamlığıda düşüyor bunu nasıl background hariç saydamlık değerini düşürmeden çalışabilirim ?

<ul class="genel">
<li>
	<a href="#">Menu</a>
	<ul class="menu">
		<div class="icerik">Açılan Menü İçeriği</div>
</ul>
</li>
</ul>

.menu
{opacity:10;}

.icerik {
width: 1024px;
height: 300px;
background-color: #333;
margin: 0 auto;
}