文字后面的背景

这样的效果怎么来布局（文字后的背景）？在图层上显示的是一个透明的矩形。
我的办法很烂，即切一像素做背景平铺。大家指点。

还有就是在文字后垫一个透明的块：filter:alpha(opacity=50);       -moz-opacity:0.5;       -khtml-opacity: 0.5;       opacity: 0.5;用这些来兼容
其实切一像素是最简单直接的

.bg{
width:100px;
height:100px;
background:#fff;
filter:alpha(opacity=80);            /* 用于IE浏览器－透明度为20%*/
-moz-opacity:0.8;                    /*  用于Moz + Firefox－透明度为20%*/
opacity: 0.8;                        /* 用于支持CSS3的浏览器－透明度为20%*/
}