Jsp页面上传图片浏览器兼容问题

最新推荐文章于 2018-09-06 12:12:33 发布

原创最新推荐文章于 2018-09-06 12:12:33 发布 · 725 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了在使用jsp页面时，如何解决IE浏览器与Firefox浏览器中上传图片按钮显示不一致的问题。通过修改CSS样式，使得上传图片按钮在不同浏览器下都能正常显示，提供了一个兼容解决方案。

1 问题：上传图片，在ie中可以使用，在火狐中不显示上传图片的按钮

2 代码：

jsp页面代码:

               <label class="col-sm-2 control-label">证件照片</label>
               <input type="text" value="8888">
               <div class="col-sm-8">
               <input type="hidden" id="paperpicid" name="paperpic" value="${guide.paperpic}" />
               <img class="upload_img" style="margin-right:50px;" <c:if test="${paperpicurl!=null}">src="${paperpicurl}"</c:if> id="paperpic" >
               <input type="hidden" id="paperpicbackid" name="paperpicback" value="${guide.paperpicback}" />
               <img class="upload_img" <c:if test="${paperpicbackurl!=null}">src="${paperpicbackurl}"</c:if> id="paperpicback" ></div>

</div>

css :

.upload_img{
   background-image:url(../images/add_photo.png);
   height:142px;
   width:142px;
}

3 解决办法：

修改css后，火狐中兼容问题解决

.upload_img{
   background-image:url(../images/add_photo.png);
   height:142px;
   width:142px;
   float: left;
}