banner图片自适应

今天公司要求把banner改为cms上传，所以前端必须用<image/>标签来实现，但是用image标签无法实现像background这样的上下左右居中，导致无法自适应屏幕。单单这个问题就纠结了一天也没找到好的办法，包括css3的margin-right:(50% - 980px);margin-right:(50% - 980px);因为用的插件是flexslider插件，最后还是失败了。最后恍然大悟找到了答案，请看代码

<ul class="slides">    <c:if test="${it.entity.banners != null}">        <c:forEach var="banners" items="${it.entity.banners.results}">             <li>                 <a href="${banners.url}" >                     <div style="background:url(${banners.content}) center center;height:375px;"></div>                 </a>             </li>        </c:forEach>     </c:if></ul>

原来可以直接用样式添加background