<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>
浙公网安备 33010602011771号