モカモカ工房

<div id="photo">
<div id="textBack"></div>
<div id="text">
<p>レバ刺しは今日入荷したばかりということで、いつにも増してフルフルの食感で香りも良く、これまた最高。</p>
<p>クラゲは私の大好物なのですが、ここのはいつもの「ひも」のようなのとは違い、2センチ四方位の板状でした。<br />この食感が最高でした。そして控えめの酢とダシ、おろしキュウリで作ったかけ汁に味付けの素晴らしいこと。さすがです。</p>
<p>大降りの"のどぐろ"はほどよく脂が乗って、しっとりとした白身には旨みがたっぷり。実に美味しい魚でした。</p>
</div>
</div>

#photo {
    height: 480px;
    width: 640px;
    background: url(backimage.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
}
#photo #textBack {
    height: 480px;
    width: 200px;
    background: #fff;
    filter:alpha(opacity=50);
    opacity:0.5;
    float: left;
}
#photo #text {
    position: relative;
    left: -200px;
    height: 460px;
    width: 180px;
    padding: 10px;
    font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
    float: left;
}

• デモ
• プロパティーの対応（いずれも50%透過を意味しています）

filter:alpha(opacity=50);
　→IE7（Win）
opacity:0.5;
　→firefox3（Win、Mac）、Opera9（Win）、Safari3（Mac）Chrome（Win）