透明图层实例：在实际的网站建设中，常常需要透明图层，比如在某图片上显示透明图层样子的文字

<style type=”text/css”>
.img{
width:160px;
height:160px
}
.goods-name {
background-color: #000;
color: #fff;
width: 160px;
margin-top: -38px;
max-height: 38px;
height: 38px;
z-index: 100;
filter:alpha(Opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
</style>
<div>
<a target=”_blank” href=”/product-1043.html”>
<img data-img-zoom=”true” alt=”Luminox瑞士鲁美诺斯军表” src=”http://xxx/55.jpg”>
<h3 class=”goods-name”>Luminox 瑞士鲁美诺斯军表 A.8362.RP 瑞士军表</h3>
</a>
</div>