{ Hauy`s blog } Inpeck.com

专注于用户体验、交互设计、web前端技术和web标准化建设。

有序列表(OL)在IE7下不能正常显示序号的bug

2008.10.31 - 4条评论 »

最近在工作中发现IE7在处理有序列表时有一个bug。

情况如下:

把ol中的li设置css属性overflow设置为hidden或者auto时,列表的序号将不能正常显示。如图所示:

同时,当list-style-type属性设置为lower-roman时,只显示罗马字母i,
同理,设为lower-alpha时,只显示小写字母a。

经过测试,其他浏览器均未发现此现象。
在网上搜索了一番,仍不知是何种原因导致这种情况出现,希望诸位指点。

另外,我在IE8里面测试了这个页面发现干脆连前面的序号也不显示了,
由于IE8现在还在测试期,所以不能肯定在将来还会有这个bug。
IE8下的表现应该是符合标准浏览器的解析方式。
即当list-style-position属性默认为outside时,序号就显示在li这个box之外了,
所以overflow设置为hidden时,序号自然就不显示了。

另外,IE7还有这个现象:

在正常情况下,list-style-position属性设置为inside时,序号能显示在li这个box之内。
但是当overflow设置为hidden时,即使将list-style-position属性设置为inside,序号仍然出现在li这个box之外,
此时,上述的bug也会发生。

测试页面地址请点击这里


引用 (Trackbacks)

使用这个网址对这篇文章进行引用。


评论

订阅这篇文章评论的RSS聚合
  1. 这个问题没有解决吗?
    如果有解决方案,麻烦仁兄通告一声,谢了
    QQ275066769

    Lamo - 十一月 24, 2008 @4:09 下午
  2. haslayout的bug
    ie7新增了overflow这个触发器
    ie8抛弃了haslayout模式,所以没问题

    guest - 十二月 30, 2008 @12:24 下午
  3. IE8的显示效果跟IE7一样..

    前端网 - 十二月 30, 2008 @6:19 下午
  4. 我也遇到这个问题了

    千年 - 七月 20, 2009 @11:50 下午

发表您的评论


(必填)
添加blog地址

搜索

输入关键词并按回车进行搜索
第三届 D2 前端技术论坛 (上海)

页面

文档


按月存档:

订阅

通过FeedBurner订阅
通过Feedsky订阅

链接


我的 Google Reader 分享

我的饭否

同步



程序提供:WordPress 主题设计:Dalarnas

{ Hauy`s blog } Inpeck.com © 2010 — 保留部分权利