<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.dk{
width: 1000px;
height: 1000px;
position: relative;
}
.tupian{
width: 733px;
height: 366px;
position: relative;
left: 200px;
}
.xk{
width: 733px;
height: 100px;
position: absolute;
top: 266px;
left: 200px;
background:red;
opacity: 0.5;
}
.wz{
margin-left: 200px;
font-size: 75px;
/*color:white; */
}
</style>
</head>
<body>
<div class="dk"><img src="./5.png" alt="tupian" class="tupian">
<div class="xk">
<div class="wz">图片说明</div>
</div>
</div>
</body>
</html>
原文：http://12155720.blog.51cto.com/12145720/1863618