代码改变世界

OL有序列表 IE 与 非IE 浏览器兼容问题解决

2012-05-28 09:55  @影子@  阅读(208)  评论(0)  编辑  收藏  举报

关键是

引用
让数字在内部显示 
list-style:decimal inside; 
如果不加，IE不会递增 
display: list-item;

 

<style>
.iknow_list{ width:241px; height:160px; padding:0px; margin-top:5px; background:url(img/fk.jpg) no-repeat right bottom}
.iknow_list ol{ margin:0px; padding:0px; width:241px;}
.iknow_list ol li{ margin:0px; padding:0px;list-style:decimal inside;display: list-item; height:24px; line-height:24px;}
</style>
<div class="iknow_list">
<ol start="1" type="1"> 
    <li>第一名</li> 
    <li>第二名</li> 
    <li>第三名</li> 
    <li>第四名</li> 
    <li>第五名</li> 
    <li>第六名</li> 
    <li>第七名</li> 
</ol> 
</div>