今天在调节样式过程中遇到一个浏览器兼容问题,同样的html代码在chrome下显示正常,ie下面显示不正常代码如下:
<div class="nav">
<ul>
<c:url var="url" value="/index.do" />
<li><a href="${url}">首页</a></li>
<c:url var="url" value="/IndexNewsInfo.do?uuid=de424ca9-1ce1-4f55-ac29-6e7a2d944477&mod_code=1003011000" />
<li><a href="${url}">中心概况</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003001000&par_code=1003000000" />
<li><a href="${url}">工作动态</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003002000&par_code=1003000000" />
<li><a href="${url}">通知公告</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003003000&par_code=1003000000" />
<li><a href="${url}">执法行动</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003005000&par_code=1003000000" />
<li><a href="${url}">工作风采</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003006000&par_code=1003000000" />
<li><a href="${url}">举报投诉</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003007000&par_code=1003000000" />
<li><a href="${url}">政策法规</a></li>
<c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003008000&par_code=1003000000" />
<li id="cur" ><a href="${url}">典型案例</a></li>
</ul></div>
效果如图:
后经过同事指点添加如下样式在li上面即可
style="*margin-top: 13px;_margin-top: 13px;margin-top: 13px\0;"
以前自己没用过留作备用,有同样问题的朋友可以试试。
查询了资料这里总结一下:
margin-top: 13px; /* 所有浏览器都支持 */
margin-top: 13px !important; /* Firefox、IE7支持 */
_margin-top: 13px; /* IE6支持 */
*margin-top: 13px; /* IE6、IE7支持 */
+margin-top: 13px; /* IE7支持 */
margin-top: 13px\9; /* IE6、IE7、IE8、IE9支持 */
margin-top: 13px\0; /* IE8、IE9支持 */