万户资源科技
万汇资源微信公众号

微信扫码有惊喜!

position标签实现文字在图片上

lwting 2015-12-31 技术
<li class="momth_li">           
   <a href="#"><img src="images/benyue.jpg" class="momth_li_img"></a>            
   <p><a class="momth_li_a" href="" target="_blank" title="双十二富士通将军空气净化器">双十二 净水前置过滤器</a><span>抢购价:<i class="rmb">¥&nbsp;480</i></span></p>        
</li>
.momth_li{ margin:0px 10px 10px 10px;position:relative}
.momth_li_img{ position:relative}
.momth_li p{ position:absolute; left:0; bottom:0px; padding-left:20px; padding-top:-10px; width:196px; height:40px; background:#fff;opacity:0.8}
.momth_li_a{ padding-left:20px}
.momth_li span{ padding-left:45px}

2015-12-31_181409.jpg

文章关键词
css
position标签
qq qq tel
服务热线:

134-1954-9128