ทำพื้นหลังจาง ไม่ให้ข้อความจางไปด้วย
background: rgba(255,255,255,0.5);
255,255,255 เป็นสีขาว
0.5 เป็น opacity

<div class="test">
<p>
test area
</p>
</div>

------------

.test
{
   opacity:0.5;

filter:alpha(opacity=40); /* For IE8 and earlier */

background-color:#F00;

width:1024px;

height:200px;

}

.test p{

opacity:100;

filter:alpha(opacity=100);

color:#0F6;

}