让背景层半透明 内容不透明 并且能兼容ie6，ie7，ie8，ff

<style>

.shadeDivWrap{width:141px; margin:0px 1px; z-index:10; height:72px; padding-top:10px; position:absolute; top:172px;}
.shadeDiv{ width:141px; height:72px; background-color:#777777;/*:rgba(0,0,0,0.3);*/ opacity:0.57;filter:alpha(opacity=57); z-index:-1; position:absolute; }
.shadeDivWrap p{width:100%; text-align:center; margin-top:3px;}

.ppp2{width:141px; height:251px; }

</style>

<table>
       <tr>
             <td style="width:143px; height:251px;">
                <div class="shadeDivWrap">              //阴影层和p标记包在这个大的div中
                    <div class="shadeDiv"></div>        //下面的p标记在此阴影层之外
                     <p>这几个P标记要放在阴影层的外面</p>
                     <p style="color:#ffffff">对阴影层使用透明化效果</p>
                     <p style="color:#ffffff">对它们不会有影响</p>

                </div>
                <img class="ppp2" src="../img/distributionplatform/goodsimg/020355H11-0.jpg" />

             </td>                    
        </tr>
</table>