<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Hauy`s blog &#187; ol</title>
	<atom:link href="http://blog.hauy.net/tag/ol/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.hauy.net</link>
	<description>专注于用户体验、交互设计、web前端技术和web标准化建设。</description>
	<lastBuildDate>Sat, 10 Jul 2010 16:30:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>有序列表(OL)在IE7下不能正常显示序号的bug</title>
		<link>http://blog.hauy.net/2008/10/31/ordered-list-bug-under-ie7/</link>
		<comments>http://blog.hauy.net/2008/10/31/ordered-list-bug-under-ie7/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 15:27:17 +0000</pubDate>
		<dc:creator>hauy</dc:creator>
				<category><![CDATA[Web标准化解决方案]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[ol]]></category>
		<category><![CDATA[ordered list]]></category>

		<guid isPermaLink="false">http://www.Inpeck.com/blog/?p=201</guid>
		<description><![CDATA[最近在工作中发现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也会发生。 测试页面地址请点击这里。]]></description>
			<content:encoded><![CDATA[<p>最近在工作中发现IE7在处理有序列表时有一个bug。</p>
<p><strong>情况如下：</strong></p>
<p>把ol中的li设置css属性overflow设置为hidden或者auto时，列表的序号将不能正常显示。如图所示：</p>
<p><a href="http://picasaweb.google.com/lh/photo/5t7ChyxWHPcyAayGGL88ug"><img src="http://lh3.ggpht.com/_HQj6Jniu-Q4/SQsgplCByrI/AAAAAAAAAQw/USHTms8FiCk/s800/Snap1.jpg" alt="" /></a></p>
<p>同时，当list-style-type属性设置为lower-roman时，只显示罗马字母i，<br />
同理，设为lower-alpha时，只显示小写字母a。</p>
<p>经过测试，其他浏览器均未发现此现象。<br />
在网上搜索了一番，仍不知是何种原因导致这种情况出现，希望诸位指点。</p>
<p><span><span style="text-decoration: line-through;">另外，我在IE8里面测试了这个页面发现干脆连前面的序号也不显示了，</span><br style="text-decoration: line-through;" /><span style="text-decoration: line-through;"> 由于IE8现在还在测试期，所以不能肯定在将来还会有这个bug。</span><br style="text-decoration: line-through;" />IE8下的表现应该是符合标准浏览器的解析方式。<br />
即当list-style-position属性默认为outside时，序号就显示在li这个box之外了，<br />
所以overflow设置为hidden时，序号自然就不显示了。</span></p>
<p><strong>另外，IE7还有这个现象：<br />
</strong><br />
在正常情况下，list-style-position属性设置为inside时，序号能显示在li这个box之内。<br />
但是当overflow设置为hidden时，即使将list-style-position属性设置为inside，序号仍然出现在li这个box之外，<br />
此时，上述的bug也会发生。</p>
<p><span></span></p>
<p>测试页面地址请<a href="http://www.inpeck.com/labs/IE7_ordered_list_bug.html" target="_blank">点击这里</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hauy.net/2008/10/31/ordered-list-bug-under-ie7/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
