用css为图片做带透明效果的说明文字

来源：广州中睿信息技术有限公司官网

发布时间：2012/10/21 23:25:16 编辑：admin 阅读 603 次

<head><metahttp-equiv="Content-Type"content="text/htmlcharset=gb2312"/><t

  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>css为图片添加说明文字</title>  <style type="text/css">  body {margin: 0 auto;text-align: center;padding: 0 0 50px;font: 12px Arial, Helvetica, sans-serif normal;}  .img_a{ position:relative; display:block; height:260px; width:215px;}  .img_a cite{background: #111;-moz-opacity:.55;filter:alpha(opacity=55);opacity:.55;color: #fff; position:absolute; bottom:0; left:0; width:200px; padding:7px; border-top:#000 1px solid;}  </style>  </head>    <body>  <div class="img_a">  <img src="dq.jpg" alt="" />  <cite>css为图片添加说明文字——带透明效果</cite>  </div>  </body>

联系我们CONTACT

扫一扫

愿景：成为最专业的软件研发服务领航者
中睿信息技术有限公司广州•深圳	Tel：020-38931912	务实 Pragmatic
广州：广州市天河区翰景路1号金星大厦18层中睿信息	Fax：020-38931912	专业 Professional
深圳：深圳市福田区车公庙有色金属大厦509~510	Tel：0755-25855012	诚信 Integrity
所有权声明：PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。