<?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; IE7.0</title>
	<atom:link href="http://www.fallensnow.net/index.php/archives/tag/ie70/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fallensnow.net</link>
	<description>收藏分享精品软件与技术-关注互联网、操作系统与搜索引擎</description>
	<lastBuildDate>Sat, 20 Nov 2010 16:33:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>IIS连接数实验 从连接数上测试不同浏览器的访问效果</title>
		<link>http://www.fallensnow.net/index.php/archives/802</link>
		<comments>http://www.fallensnow.net/index.php/archives/802#comments</comments>
		<pubDate>Fri, 14 Aug 2009 21:20:17 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[编程开发相关]]></category>
		<category><![CDATA[网站开发设计]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[IE7.0]]></category>
		<category><![CDATA[IIS]]></category>
		<category><![CDATA[连接数]]></category>

		<guid isPermaLink="false">http://www.fallensnow.com.cn/index.php/archives/802</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160; 本文旨在通过实验发现IIS连接状态以及其它因素会对它产生的影响。

&#160;&#160;&#160;&#160;&#160;&#160; 打开性能计数器，添加Web Service下的Current Connections。实验需要，把测试站点超时调整为5秒，最大连接数为2。

&#160;&#160;&#160;&#160;&#160;&#160; 现在打开网页，分别用IE7(以下简称IE),Firefox 3.5（以下简称FF），Chrome 3.0（以下简称CH）打开站点。发现CH浏览器返回&#34;Service Unavailable&#34;，这个很好理解，因为最大连接数是2，其它两个浏览器各占一个，第三个怎么也打不开。那同类浏览器会产生什么效果呢？比如用3个 IE（单独进程的，不是tab上的），3个FF，3个CH分别打开后，发现，IE的第3个会报错，而FF与CH还是占用一个连接。这方面，FF和CH明显比IE优秀。而如果是tab上打开，那么3种浏览器都是占用一个连接，这方面都是一样的。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/802" title="IIS连接数实验 从连接数上测试不同浏览器的访问效果">阅读全文——共1074字</a></span>]]></description>
			<content:encoded><![CDATA[<p>&#160;&#160;&#160;&#160;&#160;&#160; 本文旨在通过实验发现IIS连接状态以及其它因素会对它产生的影响。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 打开性能计数器，添加Web Service下的Current Connections。实验需要，把测试站点超时调整为5秒，最大连接数为2。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 现在打开网页，分别用IE7(以下简称IE),Firefox 3.5（以下简称FF），Chrome 3.0（以下简称CH）打开站点。发现CH浏览器返回&quot;Service Unavailable&quot;，这个很好理解，因为最大连接数是2，其它两个浏览器各占一个，第三个怎么也打不开。那同类浏览器会产生什么效果呢？比如用3个 IE（单独进程的，不是tab上的），3个FF，3个CH分别打开后，发现，IE的第3个会报错，而FF与CH还是占用一个连接。这方面，FF和CH明显比IE优秀。而如果是tab上打开，那么3种浏览器都是占用一个连接，这方面都是一样的。</p>
<p> <span id="more-802"></span>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 当打开一个浏览器访问后，切换到性能计数器，发现，网页早就下载完了，但是连接还是没有释放。在超时设置为5的情况下，需要等待16~18秒钟，连接才关闭。3种浏览器都一样。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 那连接关闭是否与超时设置有关呢？现在把超时设置改成120秒，这是默认值。分别用IE,FF,CH打开，并且等待连接释放，发现IE需要70秒，FF和CH则需要130秒。这表明，打开单个纯文字网页，FF和CH更耗资源。而连接关闭的时间确实与超时设置有关。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 接下来测试网页中有图片时，连接的情况。在网页中加入两张不同的图片，用IE,FF,CH分别打开。IE在第一打开时，占用一个连接，刷新几次后占用两个连接；FF始终占用一个连接；CH始终占用两个连接。（也可能测试不够充分）而对于开多个浏览器的情况，到第三个IE的时候，还是会报错（如果第一个浏览器刷新几次，第二个就会报错），而FF与CH则正常。三个tab则全部正常。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 现在把两张不同的图片换成5张相同的图片，发现每种浏览器，都只占用一个连接。而把图片换成5张不同的，则全部占用两个连接，并且，在第一次打开时候，IE 能显示两个图片，其余显示XX；FF能显示3张；CH能显示3～4张。而刷新几次后，IE全部显示，FF全部显示，CH最多只能显示4张。这应该是浏览器缓存的原因。</p>
<p>&#160;&#160;&#160;&#160; 有很多图片的网页一次打开后图片不能全部显示，原因应该就是这个。而从这里也可以看到，图片与WEB应用分离的重要性。有些网站，现在才有大背景图显示(比如taobao)有以上的原因。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 总结以上的测试，可以看出，要适当调整好IIS超时设置，同时注意图片的处理方式！(补充一句，特别是买的虚拟空间，使用时候，就要注意图片的问题，不是把图片都切成块就好。)</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2009/07/02 -- <a href="http://www.fallensnow.net/index.php/archives/561" title="FireFox 3.5 正式版 全新体验 超越IE8.0 感觉就一个字&ldquo;快&rdquo;">FireFox 3.5 正式版 全新体验 超越IE8.0 感觉就一个字&ldquo;快&rdquo;</a></li><li>2009/03/31 -- <a href="http://www.fallensnow.net/index.php/archives/91" title="CSS Hack 经验分享">CSS Hack 经验分享</a></li><li>2010/08/06 -- <a href="http://www.fallensnow.net/index.php/archives/1620" title="Google Reader 阅读器的 Chrome 扩展 FeedSquares">Google Reader 阅读器的 Chrome 扩展 FeedSquares</a></li><li>2009/12/05 -- <a href="http://www.fallensnow.net/index.php/archives/1079" title="Microsoft Live Labs-Pivot 微软正面对抗Google Chrome的浏览器产品">Microsoft Live Labs-Pivot 微软正面对抗Google Chrome的浏览器产品</a></li><li>2009/08/16 -- <a href="http://www.fallensnow.net/index.php/archives/828" title="推荐一款免费服务器、VPS主机 IIS 站点流量监控软件">推荐一款免费服务器、VPS主机 IIS 站点流量监控软件</a></li><li>2009/08/08 -- <a href="http://www.fallensnow.net/index.php/archives/671" title="手动为 Firefox 添加支付宝安全插件">手动为 Firefox 添加支付宝安全插件</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/%e8%bf%9e%e6%8e%a5%e6%95%b0" title="连接数" rel="tag nofollow">连接数</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ie70" title="IE7.0" rel="tag nofollow">IE7.0</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/iis" title="IIS" rel="tag nofollow">IIS</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/firefox" title="firefox" rel="tag nofollow">firefox</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/chrome" title="Chrome" rel="tag nofollow">Chrome</a>, <a href="http://www.fallensnow.net/index.php/archives/category/web-design" title="网站开发设计" rel="tag nofollow">网站开发设计</a>, <a href="http://www.fallensnow.net/index.php/archives/category/r-d" title="编程开发相关" rel="tag nofollow">编程开发相关</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/802/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microsoft Web Platform微软基于Web开发平台与Web App Gallery</title>
		<link>http://www.fallensnow.net/index.php/archives/528</link>
		<comments>http://www.fallensnow.net/index.php/archives/528#comments</comments>
		<pubDate>Wed, 24 Jun 2009 03:02:36 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[服务器环境相关]]></category>
		<category><![CDATA[编程开发相关]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[asp.net]]></category>
		<category><![CDATA[IE7.0]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Microsoft Web Platform]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[SQL Server]]></category>
		<category><![CDATA[Visual Studio]]></category>

		<guid isPermaLink="false">http://www.fallensnow.com.cn/index.php/archives/528</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160; 今年微软即将出笼的一个非常酷的产品是一个很小的下载管理程序 &#8211; 微软Web平台安装程序（Microsoft Web Platform Installer），它极大地简化了web服务器和web开发设施的安装和配置。这是个你可从网站下载的免费工具 （这里是该工具的直接链接 ）。它可在Windows XP, Vista, Windows 7, Windows Server 2003 和 Windows Server 2008下工作。

&#160;&#160;&#160;&#160; Web Platform Installer提供了一个简易的方式，可让你在Windows机器上快速安装和定制开发或部署网站和应用所需的所有软件。这个工具自动地分析你系统目前安装的东西，允许你轻松地标记需要添加的额外组件，然后在你点击安装按钮时，自动一次就完成所有安装，免去了你自己手工安装每个组件的必要。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/528" title="Microsoft Web Platform微软基于Web开发平台与Web App Gallery">阅读全文——共849字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/wp-content/uploads/2009/06/image32.png"><img style="border-right-width: 0px; margin: 0px 20px 5px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" align="left" src="http://www.fallensnow.net/wp-content/uploads/2009/06/image-thumb32.png" width="480" height="168" /></a>&#160;&#160;&#160;&#160; 今年微软即将出笼的一个非常酷的产品是一个很小的下载管理程序 &#8211; 微软Web平台安装程序（Microsoft Web Platform Installer），它极大地简化了web服务器和web开发设施的安装和配置。这是个你可从网站下载的免费工具 （这里是<a href="http://www.microsoft.com/web/downloads/platform.aspx">该工具的直接链接</a> ）。它可在Windows XP, Vista, Windows 7, Windows Server 2003 和 Windows Server 2008下工作。</p>
<p>&#160;&#160;&#160;&#160; Web Platform Installer提供了一个简易的方式，可让你在Windows机器上快速安装和定制开发或部署网站和应用所需的所有软件。这个工具自动地分析你系统目前安装的东西，允许你轻松地标记需要添加的额外组件，然后在你点击安装按钮时，自动一次就完成所有安装，免去了你自己手工安装每个组件的必要。</p>
<p> <span id="more-528"></span>
<p>&#160;&#160;&#160;&#160; Microsoft Web Platform 是<a href="http://www.microsoft.com/web/platform/default.aspx">微软 IIS 7.0 + ASP.NET + SQL Server + Visual Studio 的整合平台</a>，也正是 Apache + PHP + MySQL 的主要竞争对手。同时该平台又拥有一个统一的 <a href="http://www.microsoft.com/web/downloads/platform.aspx">Microsoft Web Platform Installer</a> 对 PC 上的 Microsoft Web Platform 组件进行管理、更新，或者下载免费的工具，比如：Visual Web Developer、SQL Server Express。</p>
<p><a href="http://www.fallensnow.net/wp-content/uploads/2009/06/image33.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://www.fallensnow.net/wp-content/uploads/2009/06/image-thumb33.png" width="504" height="375" /></a> </p>
<p><a href="http://www.fallensnow.net/wp-content/uploads/2009/06/image34.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://www.fallensnow.net/wp-content/uploads/2009/06/image-thumb34.png" width="504" height="375" /></a> </p>
<p>&#160;&#160;&#160;&#160;&#160; 而 Mix09 上，微软还正式推出了 <a href="http://www.microsoft.com/web/gallery/default.aspx">Web App Gallery</a>，这是面向 Microsoft Web Platform 的应用，比如：Wordpress、ScrewTurn Wiki。除了 ASP.NET 的应用之外，Web App Gallery 也包括 PHP 的应用。</p>
<p><a href="http://livesino.net/images/Mix09MicrosoftWebPlatformWebAppGallery_10F9/image.png"><img title="image" alt="image" src="http://livesino.net/images/Mix09MicrosoftWebPlatformWebAppGallery_10F9/image_thumb.png" width="500" height="332" /></a></p>
<p>Web App Gallery 支持通过 Microsoft Web Platform Installer 安装应用，并会在安装之前，提示用户需要安装的服务器组件。除此之外，Web App Gallery 还支持<a href="http://www.microsoft.com/web/gallery/Submit.aspx">开发者提交应用</a>，<a href="http://www.microsoft.com/web/gallery/developer.aspx">更多信息（比如：如何打包）可以在此获得</a>。</p>
<p>&#160;&#160; 有兴趣的朋友可以进行下载使用。</p>
<p><a href="http://www.microsoft.com/web/downloads/platform.aspx" target="_blank">下载Web Platform Installer</a></p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2009/02/23 -- <a href="http://www.fallensnow.net/index.php/archives/68" title="Windows 2008 server(Win+Apache+Mysql+PHP)环境 架设教程图文教程">Windows 2008 server(Win+Apache+Mysql+PHP)环境 架设教程图文教程</a></li><li>2009/02/22 -- <a href="http://www.fallensnow.net/index.php/archives/67" title="Ubuntu下配置LAMP（Linux+Apache+Mysql+PHP)环境">Ubuntu下配置LAMP（Linux+Apache+Mysql+PHP)环境</a></li><li>2008/12/06 -- <a href="http://www.fallensnow.net/index.php/archives/48" title="Windows2003 Web主目录权限分配技巧">Windows2003 Web主目录权限分配技巧</a></li><li>2010/04/06 -- <a href="http://www.fallensnow.net/index.php/archives/1499" title="分享10张Zune最新的宽屏壁纸">分享10张Zune最新的宽屏壁纸</a></li><li>2010/02/06 -- <a href="http://www.fallensnow.net/index.php/archives/1471" title="新浪 Sina App Engine Alpha2 已经上线，服务器部署中，新一轮邀请结束~">新浪 Sina App Engine Alpha2 已经上线，服务器部署中，新一轮邀请结束~</a></li><li>2009/12/18 -- <a href="http://www.fallensnow.net/index.php/archives/1213" title="优秀的多人协作项目管理解决方案 RedMine平台服务器部署教程 [原创]">优秀的多人协作项目管理解决方案 RedMine平台服务器部署教程 [原创]</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/sql-server" title="SQL Server" rel="tag nofollow">SQL Server</a>, <a href="http://www.fallensnow.net/index.php/archives/category/r-d" title="编程开发相关" rel="tag nofollow">编程开发相关</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/microsoft" title="Microsoft" rel="tag nofollow">Microsoft</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/aspnet" title="asp.net" rel="tag nofollow">asp.net</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ie70" title="IE7.0" rel="tag nofollow">IE7.0</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/microsoft-web-platform" title="Microsoft Web Platform" rel="tag nofollow">Microsoft Web Platform</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/php" title="PHP" rel="tag nofollow">PHP</a>, <a href="http://www.fallensnow.net/index.php/archives/category/servers" title="服务器环境相关" rel="tag nofollow">服务器环境相关</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/apache" title="Apache" rel="tag nofollow">Apache</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/visual-studio" title="Visual Studio" rel="tag nofollow">Visual Studio</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/528/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Hack 经验分享</title>
		<link>http://www.fallensnow.net/index.php/archives/91</link>
		<comments>http://www.fallensnow.net/index.php/archives/91#comments</comments>
		<pubDate>Tue, 31 Mar 2009 01:46:09 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站开发设计]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS hack]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[IE6.0]]></category>
		<category><![CDATA[IE7.0]]></category>

		<guid isPermaLink="false">http://www.fallensnow.com.cn/?p=91</guid>
		<description><![CDATA[<p>CSS Hack</p><p><span style="font-size: small;"><span style="color: rgb(51, 102, 255);">由于 Firefox 的崛起和 IE 兄弟们的各自为政, <strong>CSS Hack</strong> 再次得到网页制作人员的重视. <strong>兼容浏览器</strong>对初学者来说绝对是一个苦活, 我的一些朋友就是因为烦这个没能坚持下来, 很是可惜.</span></span></p><p><span style="font-size: small;"><span style="color: rgb(51, 102, 255);">目前我的机器上已经安装了 8 款浏览器, 听说 IE8 要发布了, 真叫人惊心动魄. 这不, 以后又多一个标准要兼容了, 感谢微软给我增加工作负担. <img class="wp-smiley" alt=":cry:" src="http://www.neoease.com/wp-includes/images/smilies/icon_cry.gif" />  玩 WordPress 有一年多了, 做了很多主题, 自己从中也总结了一点心得体会, 在恶魔来世之前总结一下方便以后使用, 同时分享出来希望对初学者会有所帮助.</span></span></p><h4><span style="font-size: small;"><span style="color: rgb(51, 102, 255);">开发平台的选择</span></span></h4><p><span style="font-size: small;"><span style="color: rgb(51, 102, 255);">我很幸运, 我接触网页前台的时候 Firefox2 已经十分红火, 我的所有工作都是在 Firefox 上展开, 同时兼容其他浏览器的. 这样做肯定会比在 IE 做好再到别的浏览器兼容来得容易, 因为 IE 对老标准支持还是很不错的, 而 IE 的一些特有功能人家却不支持. 所以我推荐<strong>以 Firefox 结合 Firebug 扩展作为平台</strong>.</span></span></p>]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">转载自：</span></span></span><a href="http://www.neoease.com" target="_blank"><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">www.neoease.com</span></span></span></a></p>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">由于 Firefox 的崛起和 IE 兄弟们的各自为政, <strong>CSS Hack</strong> 再次得到网页制作人员的重视. <strong>兼容浏览器</strong>对初学者来说绝对是一个苦活, 我的一些朋友就是因为烦这个没能坚持下来, 很是可惜.</span></span></span></p>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">目前我的机器上已经安装了 8 款浏览器, 听说 IE8 要发布了, 真叫人惊心动魄. 这不, 以后又多一个标准要兼容了, 感谢微软给我增加工作负担. <img class="wp-smiley" src="http://www.neoease.com/wp-includes/images/smilies/icon_cry.gif" alt=":cry:" /> 玩 WordPress 有一年多了, 做了很多主题, 自己从中也总结了一点心得体会, 在恶魔来世之前总结一下方便以后使用, 同时分享出来希望对初学者会有所帮助.</span></span></span></p>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;"> </span></span></span></p>
<h4><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">开发平台的选择</span></span></span></h4>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">我很幸运, 我接触网页前台的时候 Firefox2 已经十分红火, 我的所有工作都是在 Firefox 上展开, 同时兼容其他浏览器的. 这样做肯定会比在 IE 做好再到别的浏览器兼容来得容易, 因为 IE 对老标准支持还是很不错的, 而 IE 的一些特有功能人家却不支持. 所以我推荐<strong>以 Firefox 结合 Firebug 扩展作为平台</strong>.</span></span></span></p>
<p><span id="more-91"></span></p>
<h4><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">Hack 的顺序</span></span></span></h4>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">使用 Firefox 作为平台, 只要代码写得够标准, 其实要 Hack 的地方不会很多的, IE 以外的浏览器几乎都不会有问题, 所以可以暂时忽略, 顺序如下:<br />
<strong>Firefox -&gt; IE6 -&gt; IE7 -&gt; 其他</strong></span></span></span></p>
<h4><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">Hack 的方法</span></span></span></h4>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">说到方法有两种, 一种是在不同文件中处理, 另一种则是在同一个文件中处理. 其实作用是相同的, 只是出发点不一样而已.</span></span></span></p>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;"><strong>1. 同一文件中处理.</strong><br />
如: id=&#8221;bgcolor&#8221; 的控件要在 IE6 中显示蓝色, IE7 中显示绿色, Firefox 等其他浏览器中显示红色.</span></span></span></p>
<p><span style="font-size: small"><span style="color: #800000"><span>#bgcolor {<br />
</span></span></span></p>
<pre class="css" style="font-family: monospace"><span style="font-size: small"><span style="color: #800000">	<span style="font-weight: bold">background</span>:red !important; <span style="font-style: italic">/* Firefox 等其他浏览器 */</span>	<span style="font-weight: bold">background</span>:<span style="font-weight: bold">blue</span>; <span style="font-style: italic">/* IE6 */</span>}*+html #bgcolor {	<span style="font-weight: bold">background</span>:green !important; <span style="font-style: italic">/* IE7 */</span>}</span></span></pre>
<div><span style="font-size: small"></span></div>
<p><span style="font-size: small"><span style="color: #3366ff"> </p>
<p></span></span></p>
<div></div>
<p><span style="color: #cc00cc"> </p>
<p></span></p>
<div><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">IE6 不认 !important, 也不认 *+html. 所以 IE6 只能是 blue.</span></span></span></p>
<div><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">Firefox 和其他浏览器都认 !important. !important 优先, Firefox 可以是 red 和 blue, 但 red 优先度高.</span></span></span></div>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;"><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">上述的优先符号均是 CSS3 标准允许的, 其他浏览器也还有其他的 Hack 方法, 但我迄今还没遇到过 Firefox 正常, IE 以外的其他浏览器不正常的情况, 所以无可分享. 只要代码规范, 相信这种情况的发生应该是很罕见 (JavaScript 除外).</span></span></span></p>
<p></span></span></span></p>
<div><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;"><strong>2. 不同文件中处理.</strong></span></span></span></div>
<div><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">为什么同一文件中可以处理还要写在多个文件里面针对不同的浏览器? 这是为了欺骗 W3C 的验证工具, 其实只需要两个文件, 一个是针对所有浏览器的, 一个只为 IE 服务. 将所有符合 W3C 的代码写到一个里面去, 而一些 IE 中必须的, 又不能通过 W3C 验证的代码 (如: cursor:hand;) 放到另一个文件中, 再用下面的方法导入</span></span></span></div>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;"> </p>
<p></span></span></span></p>
<pre class="html" style="font-family: monospace"><span style="font-size: small"><span style="color: #800000">&lt;!-- 放置所有浏览器的样式 --&gt;&lt;link rel="stylesheet" href="style.css" type="text/css" /&gt;&lt;!-- 只放置 IE 必须的, 而不能通过 W3C 的代码 --&gt;&lt;!--[if IE]&gt;	&lt;link rel="stylesheet" href="style_ie.css" type="text/css" /&gt;&lt;![endif]--&gt;</span></span></pre>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">浏览器的 CSS Hack 方法有很多, 比如 @import 引入, &gt; 过滤等等方法, 但以上就是我用过的全部.</span></span></span></p>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">网页前台的兼容不应该仅限于对过去的浏览器支持 (向前兼容), 更应该对未来的浏览器服务 (向后兼容). 因为浏览器的发展很快, 而经常上网的人更新软件的频率是非常高的, 所以向后兼容的意义甚至比先前兼容还来得重要. 如何向后兼容呢? <strong>只要符合标准你的网站就永远不会过时 (IE 系列除外).</strong> 所以我的宗旨是尽量做到标准, 不得已才 Hack, 并尽量使用比较简单的方法去解决.</span></span></span></p>
<p><span style="font-size: small"><span style="color: #3366ff"><span style="color: #ffffff;">最后骂一句收场: IE8 同样是垃圾!</span></span></span></div>
<p>IE7 认 !important, 也认 *+html, 优先度: (*+html + !important) &gt; !important &gt; +html. IE7 可以是 red, blue 和 green, 但 green 的优先度最高.</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2009/08/15 -- <a href="http://www.fallensnow.net/index.php/archives/802" title="IIS连接数实验 从连接数上测试不同浏览器的访问效果">IIS连接数实验 从连接数上测试不同浏览器的访问效果</a></li><li>2009/12/07 -- <a href="http://www.fallensnow.net/index.php/archives/1120" title="CSS开发辅助工具 &#8211; TopStyle绿色版">CSS开发辅助工具 &#8211; TopStyle绿色版</a></li><li>2009/08/08 -- <a href="http://www.fallensnow.net/index.php/archives/671" title="手动为 Firefox 添加支付宝安全插件">手动为 Firefox 添加支付宝安全插件</a></li><li>2009/07/02 -- <a href="http://www.fallensnow.net/index.php/archives/561" title="FireFox 3.5 正式版 全新体验 超越IE8.0 感觉就一个字&ldquo;快&rdquo;">FireFox 3.5 正式版 全新体验 超越IE8.0 感觉就一个字&ldquo;快&rdquo;</a></li><li>2009/06/30 -- <a href="http://www.fallensnow.net/index.php/archives/548" title="Mozilla FireFox 3.5 正式版已经发布">Mozilla FireFox 3.5 正式版已经发布</a></li><li>2009/06/24 -- <a href="http://www.fallensnow.net/index.php/archives/528" title="Microsoft Web Platform微软基于Web开发平台与Web App Gallery">Microsoft Web Platform微软基于Web开发平台与Web App Gallery</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/category/web-design" title="网站开发设计" rel="tag nofollow">网站开发设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/css" title="CSS" rel="tag nofollow">CSS</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ie60" title="IE6.0" rel="tag nofollow">IE6.0</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/firefox" title="firefox" rel="tag nofollow">firefox</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/css-hack" title="CSS hack" rel="tag nofollow">CSS hack</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/div" title="div" rel="tag nofollow">div</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ie70" title="IE7.0" rel="tag nofollow">IE7.0</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/91/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

