HTML设置div上的悬浮框

<div style="width: 200px; height: 200px;" class="a">
	<img src="${t.trph003}" width="100%" height="100%" />
	<div class="b">
		<div style="border: 1px outset #EAEAEA;">
			<div style="width: 200px; height: 30px;color: white;background:#3D3D3D; opacity: 0.8; ">
				<a οnclick="trainingPhoto_index.test(this)" id="gi" style="color: white; ">点赞</a> <span id="dianzan_${t.trph001}">${t.trph009}</span>
				<c:if test="${t.trph005==0}">
					<a id="bo" οnclick="trainingPhoto_index.boutique(this)" style="color: white; ">设为精品</a>
				</c:if>
				<c:if test="${t.trph005!=0}">
					<a id="bo" οnclick="trainingPhoto_index.boutique(this)" style="color: white;">取消精选</a>
				</c:if>
				<a οnclick="trainingPhoto_index.deleteCw(this)" style="color: white ;">删除</a>
			</div>
								
		</div>
	</div>
</div>

效果：