今天在做公司项目的时候遇到了一个问题,用OL > Listtt用于LI列表-style-type:decimal属性,实际上在IE6/7下面的数字都是1,在其他浏览器下正常,代码如下,
- <ol class=”news-list”>
- <li><a href=”#nogo”>什么是竞彩篮球?</a></li>
- <li><a href=”#nogo”>如何玩彩票篮球?</a></li>
- <li><a href=”#nogo”>买竞彩篮球,中奖了怎么办?</a></li>
- <li><a href=”#nogo”>如何检查是否中奖?</a></li>
- <li><a href=”#nogo”>让分数是什么意思?</a></li>
- <li><a href=”#nogo”>预设总分是什么意思?</a></li>
- <li><a href=”#nogo”>为什么主队在后,客队在前?</a></li>
- <li><a href=”#nogo”>固定奖金和浮动奖金的区别?</a></li>
- <li><a href=”#nogo”>奖金计算方法?</a></li>
- <li><a href=”#nogo”>彩票篮球有哪些投注方式?</a></li>
CSS代码:
.news-list{margin:10px 10px 14px 36px;}
.news-list li{height:24px;line-height:24px;list-style-type:decimal;}
显示效果如下:
想了一会儿,我找到了解决办法:li高度不能设置高度,如果你设置宽度,也会导致上述情况【注:如果用ol也和ul一样,不要给ol li 设置宽和高的样式。】
原因:将IE6/7haslayout设置为li高度后,列表记数将被复位。
HOHO,你也遇到过这个问题吗?