<?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://julabs.me/blog/tags/ie8/feed/" rel="self" type="application/rss+xml" />
	<link>http://julabs.me/blog</link>
	<description>想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。</description>
	<lastBuildDate>Wed, 18 Jan 2012 06:34:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>区分IE8的hack</title>
		<link>http://julabs.me/blog/front/hack-to-target-ie8/</link>
		<comments>http://julabs.me/blog/front/hack-to-target-ie8/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 06:20:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=176</guid>
		<description><![CDATA[制做页面时最好使用IE条件注释判断语句的方法来区分浏览器，但在制做简单的页面时可以用hack的技术来加快制作。 body { color: red; /* 支持所有浏览器 */ color : green\9; /* 支持 IE8 以及以下版本 */ *color : yellow; /* 支持 IE7 以及以下版本 */ _color : orange; /* 支持 IE6 */ } IE9又快出来了，这样一来使用hack的难度又多了一分。]]></description>
			<content:encoded><![CDATA[<p>制做页面时最好使用<a href="/blog/front/ie-if-comment/" target="_blank">IE条件注释判断语句</a>的方法来区分浏览器，但在制做简单的页面时可以用<strong>hack</strong>的技术来加快制作。</p>
<pre><code class="css">
body {
	color: red; /* 支持所有浏览器 */
	color : green\9; /* 支持 IE8 以及以下版本 */
	*color : yellow; /* 支持 IE7 以及以下版本 */
	_color : orange; /* 支持 IE6 */
}
</code></pre>
<p><a href="http://ie.microsoft.com/testdrive/" target="_blank"><acronym title="Internet Explorer 9">IE9</acronym></a>又快出来了，这样一来使用<strong>hack</strong>的难度又多了一分。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/front/hack-to-target-ie8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在IE8中使用X-UA-Compatible来实现兼容</title>
		<link>http://julabs.me/blog/front/ie8-x-ua-compatible/</link>
		<comments>http://julabs.me/blog/front/ie8-x-ua-compatible/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 08:42:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[ie8]]></category>
		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=68</guid>
		<description><![CDATA[得知微软公司将停止对IE7、IE6的更新，觉得微软有点太急于求成了，必竟IE8也刚发布没多久，在用户中的口碑也不是太好，而且现在中国的网页也才刚开始重视标准，有的页面在IE7下面有时都会显示不正常，更何况才发布的IE8呢？在中国也存在另一个问题，就是盗版问题。很多盗版的用户为了不让微软公司发现，他们会将系统设置成不更新，这样IE6、IE7、IE8在中国并存的局面将持续很长一段时间。再加上其它浏览器，如火狐、Opera、Safari、谷歌浏览器等，还要做出兼容的页面，这让前端开发人员怎么活呀！还好微软给IE8提供了好几种方法，可以使IE8以IE7，甚至IE5的Quirks渲染模式来呈现页面，这里主要谈下在前端的实现方法。 首先要说下IE的各种兼容性模式，以下是来自微软官方网站的资料： Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方式。例如， IE5 模式呈现内容时，像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。 IE7 模式呈现内容时，无论页面是否包含&#60;!DOCTYPE&#62;指令，都像是使用了 Windows Internet Explorer 7 的标准模式。 EmulateIE7 模式通知 Windows Internet Explorer 使用&#60;!DOCTYPE&#62;指令确定如何呈现内容。标准模式指令以 Windows Internet Explorer 7 标准模式显示，而 Quirks &#8230; <a href="http://julabs.me/blog/front/ie8-x-ua-compatible/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>得知微软公司将停止对IE7、IE6的更新，觉得微软有点太急于求成了，必竟IE8也刚发布没多久，在用户中的口碑也不是太好，而且现在中国的网页也才刚开始重视标准，有的页面在IE7下面有时都会显示不正常，更何况才发布的IE8呢？在中国也存在另一个问题，就是盗版问题。很多盗版的用户为了不让微软公司发现，他们会将系统设置成不更新，这样IE6、IE7、IE8在中国并存的局面将持续很长一段时间。再加上其它浏览器，如火狐、Opera、Safari、谷歌浏览器等，还要做出兼容的页面，这让前端开发人员怎么活呀！还好微软给IE8提供了好几种方法，可以使IE8以IE7，甚至IE5的Quirks渲染模式来呈现页面，这里主要谈下在前端的实现方法。</p>
<p>首先要说下IE的各种兼容性模式，以下是来自微软官方网站的资料：</p>
<blockquote cite="http://msdn.microsoft.com/zh-cn/library/cc817574.aspx">
<p>Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方式。例如，</p>
<p>IE5 模式呈现内容时，像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。</p>
<p>IE7 模式呈现内容时，无论页面是否包含&lt;!DOCTYPE&gt;指令，都像是使用了 Windows Internet Explorer 7 的标准模式。</p>
<p>EmulateIE7 模式通知 Windows Internet Explorer 使用&lt;!DOCTYPE&gt;指令确定如何呈现内容。标准模式指令以 Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循&lt;!DOCTYPE&gt;指令。对于多数网站来说，它是首选的兼容性模式。</p>
</blockquote>
<p>而要想页面在IE8中以低版本IE的模式渲染呈现，就要在页面的头部加一个<code>META</code>标签，把它的<code>http-equiv</code>属性设置成为<strong>X-UA-Compatible</strong>，再把它的<code>content</code>属性设置成你想要的渲染模式。如下：</p>
<pre><code class="html">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;在IE8中使用X-UA-Compatible来实现兼容&lt;/title&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;此内容在IE8中将以接近于IE7的渲染模式呈现！&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>上面这个例子将告知IE8以IE7的模式来渲染呈现网页，你也可以把<code>content</code>属性设置成IE=5、IE=7或IE=8等。</p>
<p>需要注意的是这种方法只能让IE8的渲染模式接近于IE7或者IE5，但并不一定能百分之百地达到。另外你也可以在服务器端设置IE8的渲染模式，也可以使用JS脚本来设置，更多详情请查阅微软官方网站的<a href="http://msdn.microsoft.com/zh-cn/library/cc817574.aspx" target="_blank">《未来兼容性中的 META 标记和锁定》</a>一文。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/front/ie8-x-ua-compatible/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

