所有分类
  • 所有分类
  • 后端开发
IE6/7下list-style-type:decimal不兼容问题处理

IE6/7下list-style-type:decimal不兼容问题处理

运行环境:Windows
所需软件:Word
资源类型:简历

今天在做公司项目的时候遇到了一个问题,用OL > Listtt用于LI列表-style-type:decimal属性,实际上在IE6/7下面的数字都是1,在其他浏览器下正常,代码如下,

  1. <ol class=”news-list”>
  2.   <li><a href=”#nogo”>什么是竞彩篮球?</a></li>
  3.   <li><a href=”#nogo”>如何玩彩票篮球?</a></li>
  4.   <li><a href=”#nogo”>买竞彩篮球,中奖了怎么办?</a></li>
  5.   <li><a href=”#nogo”>如何检查是否中奖?</a></li>
  6.   <li><a href=”#nogo”>让分数是什么意思?</a></li>
  7.   <li><a href=”#nogo”>预设总分是什么意思?</a></li>
  8.   <li><a href=”#nogo”>为什么主队在后,客队在前?</a></li>
  9.   <li><a href=”#nogo”>固定奖金和浮动奖金的区别?</a></li>
  10.   <li><a href=”#nogo”>奖金计算方法?</a></li>
  11.   <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,你也遇到过这个问题吗?

原文链接:https://www.icz.com/technicalinformation/web/html/2023/05/8858.html,转载请注明出处~~~
0
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?