div+css实现盖章

来源:互联网 发布:storm编程 书籍下载 编辑:程序博客网 时间:2024/04/29 07:31

走了多少弯路不说了,说出来都是累。直接上代码:

css:

/* 控制章子和公司名称的相对位置 */
.div1{height:160px; width:260px;  position:relative;top:50px;left:300;}
.div2{height:30px; position:absolute; top:-50px; left:50; z-index:1;}

html:

<div class="div1" style="text-align: right; font-size: 20px;">
<label>${fns:getDictLabel(proOrder.proAgreement.mainBody, 'coop_main', '')}</label> <br />
<label>${proOrder.preDate}</label> <br />
<div class="div2">
<!-- 判断公司名称,不同的公司名称对应不同的章子。 -->
<c:if test="${proOrder.proAgreement.mainBody == '1'}">
<img src="${ctxStatic}/
xxxxxx1.png" width="160" height="160" />
</c:if>
<c:if test="${proOrder.proAgreement.mainBody == '2'}">
<img src="${ctxStatic}/
xxxxxx2.png" width="160" height="160" />
</c:if>
</div>
</div><br/>

说的再多不如直接尝试。

1 0
原创粉丝点击