所有分类
  • 所有分类
  • 后端开发
IE6/7下li列表前面数字不显示BUG

IE6/7下li列表前面数字不显示BUG

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

我之前写过一篇关于IE6/7listt的文章-style-type:处理decimal不兼容的问题 ,li前面显示的所有数字都是1。

但今天,一位同事突然问了一个类似的问题,IE6/7li列表前没有显示数字的BUG,如下图所示:

省略了HTML代码,大多数人都知道是ol,li列表。原CSS风格如下:

  1. .wxts-ts-li{width:671px; margin:0 auto; padding-bottom:30px;}
  2. .wxts-ts-li li{ line-height:23px; list-style:decimal; cursor:default;}

查看IEfirebug,发现haslayout触发。解决方案如下:

在list-style:decimal添加属性inside,即listttal-style:decimal inside;

或者在.wxts-ts-li 在li属性中添加margin-left属性值,两种方法选择一种。

这里想多罗嗦一下list-style属性,这个属性是一个简写属性,涵盖了所有其他列表样式属性。因为它应用于一切 display 为 list-item 因此,在普通元素中 HTML 和 XHTML 中只能用于 li 然而,它实际上可以应用于任何元素,并且是由 list-item 元素继承。以下属性可按顺序设置:

list-style-type
list-style-position
list-style-image

其中一个值可以不设置,例如 “list-style:circle inside;” 也是允许的。未设置的属性将使用其默认值【disc outside none】。所以平时写的时候一般都是写第一个值。

浏览器支持:所有浏览器支持: list-style 但是任何版本的属性 Internet Explorer (包括 IE8不支持属性值 “inherit”。

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