<?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>刺客 &#187; IE8</title>
	<atom:link href="http://blog.cike.org/tag/ie8/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.cike.org</link>
	<description>刘益民中文网</description>
	<lastBuildDate>Mon, 03 May 2010 06:23:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IE8B1块状元素引起的链接BUG</title>
		<link>http://blog.cike.org/2008/ie8blockhover/</link>
		<comments>http://blog.cike.org/2008/ie8blockhover/#comments</comments>
		<pubDate>Sun, 24 Aug 2008 17:22:24 +0000</pubDate>
		<dc:creator>cike</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[block]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[IE8]]></category>

		<guid isPermaLink="false">http://temp.cike.org/2008/08/ie8b1%e5%9d%97%e7%8a%b6%e5%85%83%e7%b4%a0%e5%bc%95%e8%b5%b7%e7%9a%84%e9%93%be%e6%8e%a5bug/</guid>
		<description><![CDATA[<p>继上篇发现IE8高度上的问题后，又发现了另一个问题<br /><img alt="" src="http://blog.cike.org/upload/2008/8/200808241726350005.jpg" /></p><p>仅在IE8中，鼠标在如图蓝色区域内无法触发a:hover效果，触发点变在上下两条border上，我第一遇到，暂定为BUG</p>]]></description>
			<content:encoded><![CDATA[<p>继上篇发现IE8高度上的问题后，又发现了另一个问题</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">li<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">25px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">hidden</span><span style="color: #00AA00;">&#125;</span>
li a<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">435px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">&#125;</span>
li a<span style="color: #00AA00;">:</span>……伪类略
XHTML<span style="color: #00AA00;">:</span>
&lt;ul<span style="color: #00AA00;">&gt;</span>
&lt;li href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;a<span style="color: #00AA00;">&gt;</span>……&lt;/a<span style="color: #00AA00;">&gt;</span>0812&lt;/li<span style="color: #00AA00;">&gt;</span>
……
&lt;/ul<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p><img src="http://blog.cike.org/upload/2008/8/200808241726350005.jpg" alt="" /></p>
<p>仅在IE8中，鼠标在如图蓝色区域内无法触发a:hover效果，触发点变在上下两条border上，我第一遇到，暂定为BUG</p>
<p>BUG在线演示：<a href="http://cike.org/demo/html-css/ie8blockhover.asp">http://cike.org/demo/html-css/ie8blockhover.asp</a> 鼠标移至链接所在行的上下边框上看到hover效果</p>
<p>发现当把链接设置为block，链接的上级（包括父、爷……）只要含有block属性，a:hover效果无法正常触发</p>
<p>暂用a{display:inline-bock}解决</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cike.org/2008/ie8blockhover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>关注IE8B1中高度引起的错乱</title>
		<link>http://blog.cike.org/2008/ie8-height/</link>
		<comments>http://blog.cike.org/2008/ie8-height/#comments</comments>
		<pubDate>Sun, 24 Aug 2008 14:29:48 +0000</pubDate>
		<dc:creator>cike</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[height]]></category>
		<category><![CDATA[IE8]]></category>

		<guid isPermaLink="false">http://temp.cike.org/2008/08/%e5%85%b3%e6%b3%a8ie8b1%e4%b8%ad%e9%ab%98%e5%ba%a6%e5%bc%95%e8%b5%b7%e7%9a%84%e9%94%99%e4%b9%b1/</guid>
		<description><![CDATA[<p>这一段在对常州人519R.com改版时发现在IE8中错乱！</p><p>仅出现在IE8中，自信很受打击，是我的结构问题还是IE8 BUG呢？实践！</p><p>习惯动作为li加上boder:1px solid blue，恢复显示正常（标题左时间右）:D 无法查空白是出在哪！</p><p>细心可发现，下一行的标题是接着上一行的标题尾的，看来问题出在高度上</p>]]></description>
			<content:encoded><![CDATA[<p>一直对自己写标题+时间的结构很得意！如有雷同，实属同道！</p>
<div class="code">&lt;style&gt;<br />
li {text-align:right;}<br />
li a {float:left}<br />
&lt;/style&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;刺客文章一&lt;/a&gt;08-12&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;刺客文章二&lt;/a&gt;08-12&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;刺客文章三&lt;/a&gt;08-12&lt;/li&gt;<br />
&lt;/ul&gt;</div>
<p>这一段在对<a rel="external" href="http://www.519r.com">常州人</a>519R.com改版时发现在IE8中错乱！</p>
<p><img src="http://blog.cike.org/upload/2008/8/200808241436131021.jpg" alt="" /></p>
<p>仅出现在IE8中，自信很受打击，是我的结构问题还是IE8 BUG呢？实践！</p>
<p>习惯动作为li加上boder:1px solid blue，恢复显示正常（标题左时间右）:D 无法查空白是出在哪！</p>
<p>细心可发现，下一行的标题是接着上一行的标题尾的，看来问题出在高度上，看完整解决的DEMO：<a href="http://blog.cike.org/demo/html-css/ie8-height.html">http://blog.cike.org/demo/html-css/ie8-height.html</a></p>
<p>总结：从DEMO中最后一例上看，IE8对浮动元素高度的默认处理有别于低版IE、FF2FF3、Opera，浮动元素要常考虑高度定值或overflow：hidden才行</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cike.org/2008/ie8-height/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>试用IE8</title>
		<link>http://blog.cike.org/2008/ie8/</link>
		<comments>http://blog.cike.org/2008/ie8/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 11:07:55 +0000</pubDate>
		<dc:creator>cike</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[Beta]]></category>
		<category><![CDATA[IE8]]></category>

		<guid isPermaLink="false">http://temp.cike.org/2008/04/%e8%af%95%e7%94%a8ie8/</guid>
		<description><![CDATA[IE8（Internet Explorer 8 Beta1 简体中文版）试用Activity,WebSlice功能，对前端有多大影响呢？]]></description>
			<content:encoded><![CDATA[<p>第一时间安装了<strong>IE8</strong>（<strong>Internet Explorer 8 Beta1 简体中文版</strong>）</p>
<p><img src="http://blog.cike.org/upload/200804091108044468.jpg" alt="" /></p>
<h2>IE8试用体验</h2>
<p>先是看到了三个不太明白的东西，传闻中的<strong>Activity</strong>,<strong>WebSlice</strong> ?</p>
<p>不管这么多，打开门户看有多少影响</p>
<p>sohu和yahoo中文首页出现了问题，sina、163没看有大问题出现 ，看来IE8给前端带来了更多的麻烦，单IE就三个兄弟，还没考虑IE5.X</p>
<p><img src="http://blog.cike.org/upload/200804091114488515.jpg" alt="" /></p>
<p><img src="http://blog.cike.org/upload/200804091116048588.jpg" alt="" /></p>
<p><img src="http://blog.cike.org/upload/200804091116392614.jpg" alt="" /></p>
<p>在地址栏看到了有意思的表现</p>
<p><img src="http://blog.cike.org/upload/200804091119233215.jpg" alt="" /></p>
<p>突显了根域名！可能对恶意仿域名网站有一点影响，人性在进步</p>
<p>别外IE8 支持模仿IE7环境，开发者的福音</p>
<p><img src="http://blog.cike.org/upload/200804091127155462.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cike.org/2008/ie8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
