在线客服
24小时免费咨询电话：18978941786
客服时间：上午9：30~下午6点
css图片上加层写文字
收藏 分享 发布日期:2012-2-12 16:30:52 编辑:admin 文章来源:南宁网站建设 点击率:
css图片上加半透明文字说明
HTML
以下是代码片段：
<div class="img-desc">
<img src="sample.jpg" alt="" />
<cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>
CSS
本文章由南宁网站建设、南宁网站优化、南宁网络公司整理，转载请注明出处：http://www.yanhan89.com/
以下是代码片段：
.img-desc {
position: relative;
display: block;
height:335px;
width: 575px;
}
.img-desc cite {
background: #111;
filter:alpha(opacity=55);
opacity:.55;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 555px;
padding: 10px;
border-top: 1px solid #999;
}
