<?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>╭╰Original　Colors╯╮ - 认真工作 &#187; IE6</title>
	<atom:link href="http://www.iros.me/tag/ie6/feed" rel="self" type="application/rss+xml" />
	<link>http://www.iros.me</link>
	<description>show the colorsssssss in my WORK</description>
	<lastBuildDate>Fri, 09 Sep 2011 06:29:08 +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>Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</title>
		<link>http://www.iros.me/dean-edwards-ie8-ie9-js.html</link>
		<comments>http://www.iros.me/dean-edwards-ie8-ie9-js.html#comments</comments>
		<pubDate>Wed, 24 Feb 2010 02:01:25 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Noooooooo IE6]]></category>
		<category><![CDATA[┨Stuuuuuuuudy]]></category>
		<category><![CDATA[Dean Edwards]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[ie9]]></category>
		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=587</guid>
		<description><![CDATA[前面写过一篇文章，Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了，真的是挺好用滴，后来我自己写页面的模型也都是加上这个东东，不过如果再加上其他一些js插件的话，有碰到出现冲突的情况，所以，恩，只能碰到再解决了呢。。。 这两天要写iPad上的页面，终于可以看看CSS3去了呢，终于可以不用管IE6了呢，哭~~ 不过乱晃时候发现有更新，就先记录一下，过完这阵以后肯定要用的。 IE7.js更新到了version 2.1 beta2， 新增了关于IE9的兼容，看过去基本的CSS选择器和伪元素都能使用到差不多，强大啊~ &#60;!--&#91;if lt IE 9&#93;&#62; &#60;mce:script src=&#34;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&#34; mce_src=&#34;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&#34;&#62;&#60;/mce:script&#62; &#60;!&#91;endif&#93;--&#62; 以后我就靠上面这句活啦！~ 时隔一个半月的更新！~ 自己撒下花~~ 标签：Dean Edwards, IE6, IE7, IE8, ie9, 兼容<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="【转载】Web技术要发展，IE6必须被消灭！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/04/09/5348379.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585028.png" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>前面写过一篇文章，<a title="Permanent Link to Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了"  rel="bookmark"  href="../dean-edwards-ie7-library-no-ie6-hack.html" >Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</a>，真的是挺好用滴，后来我自己写页面的模型也都是加上这个东东，不过如果再加上其他一些js插件的话，有碰到出现冲突的情况，所以，恩，只能碰到再解决了呢。。。</p>
<p>这两天要写iPad上的页面，终于可以看看CSS3去了呢，终于可以不用管IE6了呢，哭~~ 不过乱晃时候发现有更新，就先记录一下，过完这阵以后肯定要用的。</p>
<p><a  href="http://ie7-js.googlecode.com/svn/test/index.html" target="_blank">IE7.js更新到了version 2.1 beta2</a>， 新增了关于IE9的兼容，看过去基本的CSS选择器和伪元素都能使用到差不多，强大啊~</p>

<div class="wp_syntax" ><div class="code" ><pre class="javascript"  style="font-family:monospace;" ><span style="color: #339933;" >&lt;!--</span><span style="color: #009900;" >&#91;</span><span style="color: #000066; font-weight: bold;" >if</span> lt IE <span style="color: #CC0000;" >9</span><span style="color: #009900;" >&#93;</span><span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;</span>mce<span style="color: #339933;" >:</span>script src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&quot;</span> mce_src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js&quot;</span><span style="color: #339933;" >&gt;&lt;/</span>mce<span style="color: #339933;" >:</span>script<span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;!</span><span style="color: #009900;" >&#91;</span>endif<span style="color: #009900;" >&#93;</span><span style="color: #339933;" >--&gt;</span></pre></div></div>

<p>以后我就靠上面这句活啦！~</p>
<blockquote><p>时隔一个半月的更新！~ 自己撒下花~~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="【转载】Web技术要发展，IE6必须被消灭！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/04/09/5348379.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585028.png"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/dean-edwards" title="Dean Edwards" rel="tag">Dean Edwards</a>, <a href="http://www.iros.me/tag/ie6" title="IE6" rel="tag">IE6</a>, <a href="http://www.iros.me/tag/ie7" title="IE7" rel="tag">IE7</a>, <a href="http://www.iros.me/tag/ie8" title="IE8" rel="tag">IE8</a>, <a href="http://www.iros.me/tag/ie9" title="ie9" rel="tag">ie9</a>, <a href="http://www.iros.me/tag/%e5%85%bc%e5%ae%b9" title="兼容" rel="tag">兼容</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/dean-edwards-ie8-ie9-js.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>【转载】Web技术要发展，IE6必须被消灭！</title>
		<link>http://www.iros.me/kill-ie6-2.html</link>
		<comments>http://www.iros.me/kill-ie6-2.html#comments</comments>
		<pubDate>Tue, 21 Jul 2009 05:26:37 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Noooooooo IE6]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[jacascript]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[┨Firefox]]></category>
		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=491</guid>
		<description><![CDATA[尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现 在，HTML 5 的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下 来的几个月，我们的主动行动将越来越重要。Web技术要发展，IE6必须下地狱！ 仅仅六年之前，互联网还是一个独裁者的世界——Internet Explorer（主要是Internet Explorer 6）垄断着浏览器市场。没了Netscape的竞争，加上与Windows XP的绑定，微软获得了令人艳羡的市场份额——巅峰时期将近95%。时至今日，可供我们选择的浏览器种类也令当年的用户艳羡——Firefox, Safari, Opera, Chrome，以及Internet Explorer 8。 那么，为什么现在还有15%至25%的网页浏览量来自这火星时代（也就是2001年）的浏览器？作为一名coder（程序 员），designer（设计师），UI guy（用户体验工程师），这破浏览器给我们带来的困扰简直是罄竹难书。为了兼容性这位大美女，我们在IE6这个糟老头上耗费了难以计数的精力和时间。 尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现在，HTML 5 的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下来的几个月，我们的主动行动将越来越重要。Web技术要发展，IE6必须下地狱！ Internet Explorer 6 的那点破事儿 是的… Facebook 也不欢迎 IE6 了哦… 现在，也许你应该问自己两个问题：IE6到底哪里不好？为什么现在还有这么多人用它？ 第一个问题的答案相对简单：互联网生态急剧变化，Internet Explorer 6在技术上显得越来越落伍。你只需想象一下在一台2001年的电脑（20GB硬盘，256MB的内容，还有么？）上使用现在的社交网站、微软 Office、iTunes、即时通讯、电子游戏，以及你的其他桌面软件…… 就是这个理：很多新的Web技术就是没办法兼容IE6啊。下面是一个IE6不支持的功能简表，大部分coders应该都对它们了然于胸了: - CSS 2 (层级样式表): 这是Web设计视觉表现的基础所在。毫无办法呢，设计师总是必须针对IE6做一些hack。 &#8211; PNG 透明度: 能够实现柔和渐变透明度的png图像不能在IE6内正常显示。而漂亮的半透明效果已经是网页设计的基本技巧之一。 &#8211; 常见安全问题: 如果不更新防毒软件，就更容易中毒。同样道理，不更新浏览器也更容易遭受黑客攻击。网上随处可得让IE6崩溃的代码。 我就不告诉你完整代码了，你可以在Wikipedia上找找看。IE6就是这么不稳定…… &#8211; Digg， Facebook，以及 YouTube[即将不支持]: Digg和YouTube都发布公告宣称，他们将逐渐放弃对IE6的支持。Facebook已经开始对IE6用户下手——使用IE6登录会出现一条建议你升级浏览器的提示信息。是的，在不远的将来，你将无法使用Digg挖文章，用Youtube收看视频…… （笨活儿：在墙内，根本不用等到将来…） [...]<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<blockquote><p>尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现 在，HTML 5 的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下 来的几个月，我们的主动行动将越来越重要。Web技术要发展，IE6必须下地狱！</p></blockquote>
<p>仅仅六年之前，互联网还是一个独裁者的世界——Internet Explorer（主要是Internet Explorer 6）垄断着浏览器市场。没了Netscape的竞争，加上与Windows XP的绑定，微软获得了令人艳羡的市场份额——巅峰时期将近95%。时至今日，可供我们选择的浏览器种类也令当年的用户艳羡——<a  href="http://mashable.com/tag/firefox">Firefox</a>, <a  href="http://mashable.com/tag/safari">Safari</a>, <a  href="http://mashable.com/tag/opera">Opera</a>, <a  href="http://mashable.com/tag/google-chrome">Chrome</a>，以及<a  href="http://mashable.com/2009/03/19/internet-explorer-8-video/">Internet Explorer 8</a>。<br/>
<span id="more-491" ></span><br/>
那么，为什么现在还有15%至25%的网页浏览量来自这火星时代（也就是2001年）的浏览器？作为一名coder（程序 员），designer（设计师），UI guy（用户体验工程师），这破浏览器给我们带来的困扰简直是罄竹难书。为了兼容性这位大美女，我们在IE6这个糟老头上耗费了难以计数的精力和时间。  尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现在，<strong>HTML 5 </strong>的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下来的几个月，我们的<strong>主动行动</strong>将越来越重要。Web技术要发展，IE6必须下地狱！<br/>
<strong> Internet Explorer 6 的那点破事儿</strong><br/>
<img class="size-full"  title="Facebook hate IE6"  src="http://ec.mashable.com/wp-content/uploads/2009/07/fb-ie.jpg"  alt="Facebook hate IE6" /><br/>
是的… Facebook 也不欢迎 IE6 了哦…</p>
<p>现在，也许你应该问自己两个问题：IE6到底哪里不好？为什么现在还有这么多人用它？  第一个问题的答案相对简单：互联网生态急剧变化，Internet Explorer 6在技术上显得越来越落伍。你只需想象一下在一台2001年的电脑（20GB硬盘，256MB的内容，还有么？）上使用现在的社交网站、微软 Office、iTunes、即时通讯、电子游戏，以及你的其他桌面软件…… 就是这个理：很多新的Web技术就是没办法兼容IE6啊。下面是一个IE6不支持的功能简表，大部分coders应该都对它们了然于胸了:</p>
<blockquote><p>- <strong>CSS 2 (层级样式表):</strong> 这是Web设计视觉表现的基础所在。毫无办法呢，设计师总是必须针对IE6做一些hack。  &#8211; <strong>PNG 透明度:</strong> 能够实现柔和渐变透明度的png图像不能在IE6内正常显示。而漂亮的半透明效果已经是网页设计的基本技巧之一。  &#8211; <strong>常见安全问题:</strong> 如果不更新防毒软件，就更容易中毒。同样道理，不更新浏览器也更容易遭受黑客攻击。网上随处可得让IE6崩溃的代码。 我就不告诉你完整代码了，你可以<a  href="http://en.wikipedia.org/wiki/IE6#Security_framework">在Wikipedia上</a>找找看。IE6就是这么不稳定……  &#8211; <strong><a  href="http://mashable.com/category/digg">Digg</a>， <a  href="http://mashable.com/category/facebook">Facebook</a>，以及 <a  href="http://mashable.com/category/youtube">YouTube</a>[即将不支持]: </strong>Digg和YouTube都发布公告宣称，他们将逐渐<a  href="http://blog.digg.com/?p=878">放弃对IE6的支持</a>。Facebook已经开始对IE6用户下手——使用IE6登录会出现一条建议你升级浏览器的提示信息。是的，在不远的将来，你将无法使用Digg挖文章，用Youtube收看视频…… <em>（笨活儿：在墙内，根本不用等到将来…）</em></p></blockquote>
<p>其他互联网公司也宣称，IE6对它们造成了很大限制。<a  href="http://37signals.com/">37Signals</a>，很多极为流行的基于Web的商业软件（如<a  href="http://basecamphq.com/">Basecamp</a>）的缔造者，就决定<a  href="http://37signals.blogs.com/products/2008/07/basecamp-phasin.html">削减对IE6的支持</a>。他们说：“继续支持IE6就代表我们无法优化用户界面，或者为我们的程序添加增强的客户体验。”<em>（笨活儿：国内互联网好像还未见有公司有这么勇敢？）</em> 那么，为什么还有那么多人使用这过时的IE6呢？我觉得有两大主要原因：一是Windows XP绑定了IE6，将其作为系统的默认浏览器；二是很多公司的IT部门都怕麻烦而懒得为公司的电脑升级——还得去说服那些电脑小白去习惯新浏览器。小白们 都很容易满足，除非遇到什么大事——比如说Google在IE6下打不开了——他们才不会有什么不满。  尽管如此，Web世界还是勉强能够突破IE6强加的重重限制。不过，“好日子”不长了，新技术正在攻占Web世界的战略要地。有一项IE6完全无法处理的重大技术即将登场：<strong>HTML 5</strong>。</p>
<h3>下一站： HTML 5</h3>
<p>HTML （超文本标记语言）是塑造万维网的基础 —— 任何一个写博客的人，肯定都接触过HTML标签。HTML 5是下一代HTML语言，随之而来的一系列特性是非常耀眼的，尤其是自从<a  href="http://mashable.com/category/google">Google</a><a href="http://www.blippr.com/apps/336661-Google" > </a> 和 <a  href="http://mashable.com/category/apple">Apple</a> 公司的专家加入之后（分别是Ian Hickson 和 Dave Hyatt），新特性的光芒越发闪耀。  Google尤为努力地推动着HTML 5的发展。因为HTML 5确实能带来可用性的增强，也将为Web开发提供无限可能。 在今年的Google I/O会议上，Google介绍了HTML 5的预期功能<em>（有<a  href="http://www.youtube.com/watch?v=AusOPz8Ww80" target="_blank">视频</a>（需翻墙），<a  href="http://blog.benhuoer.com/" target="_blank">笨活儿</a>过几天发布中文字幕版）</em>。其中最酷的地方包括：</p>
<blockquote><p>- <strong><a  href="http://www.w3school.com.cn/html5/html5_video.asp" target="_blank">Video 标签</a>:</strong> 通过使用&lt;video&gt;标签来标记视频，你可以直接在HTML里插入视频。而且，你能很容易地控制视频播放界面的外观。  &#8211; <strong><a  href="http://www.w3school.com.cn/html5/html5_audio.asp" target="_blank">Audio 标签</a>:</strong> 和视频标签类似，&lt;audio&gt;让您更容易地插入音频。  &#8211; <strong><a  href="http://www.w3school.com.cn/html5/html5_time.asp" target="_blank">Time 标签</a>:</strong> 此标签能让浏览器识别HTML页面里的时间。同时也提供<a  href="http://www.w3school.com.cn/html5/html5_meter.asp" target="_blank">&lt;meter&gt;标签</a>标记度量值。  &#8211; <strong>拖放:</strong> 尽管这一特性还存在争议，但HTML 5将最终实现直接拖放文件到浏览器中给HTML页面处理的功能。拖放操作在Google即将发布的通讯整合产品<a  href="http://mashable.com/tag/google-wave">Google Wave</a>中应用广泛，这大概也是他们如此努力推动这项功能的重要原因之一。  &#8211; <strong>本地存储:</strong> Web应用使用起来的感觉已经和桌面应用差不多了，只是它们还无法直接在本地电脑上保存你的工作。HTML 5将解决这一问题。  &#8211; <strong>地理位置:</strong> 使用HTML 5，您可以实现让Web应用通过读取你的所在地信息而提供更加密切关联的信息。随着<a  href="http://mashable.com/2009/07/12/location-based-services/" target="_blank">利用所在地位置的移动设备</a>的崛起，这一点将越来越重要。  &#8211; <strong>即时二维绘图:</strong> <a  href="http://en.wikipedia.org/wiki/Canvas_%28HTML_element%29">HTML的canvas元素</a>允许你利用脚本来绘制位图。也就是说你可以完全在HTML的框架内绘制漂亮的图像。很多Web应用的界面将变得更加丰富和有动感。 <a  href="https://bespin.mozilla.com/">Mozilla Bespin</a> 是一个非常强大的项目，它利用HTML 5实现了一个在线代码编辑器。你应该也猜得到，它并不支持IE6。</p></blockquote>
<p>和任何一门优秀的语言一样，未来的HTML 5还会加入更多功能。如果你有兴趣完整了解HTML 5，我推荐您阅读IBM developerWorks上的一篇文章：<a  href="http://www.ibm.com/developerworks/cn/xml/x-html5/" target="_blank">HTML 5 中的新元素</a>。不过，重点在于：旧有的浏览器也能处理使用HTML 5标记的网站，只不过有部分新功能无法实现罢了。只要越来越多的公司放弃IE6，就可以将这部分守旧的用户忽视不管了。</p>
<h3>IE6已经阻碍我们的创造力太久太久</h3>
<p><img align="right"  style="margin: 6px 0px 5px 10px;"  src="http://ec.mashable.com/wp-content/uploads/2009/07/browser-logos1.jpg"  alt="Browser Logos Image" />从 2001年起，我们就持续忍受着IE6百年不变的苦瓜脸，现在终于就要抵达突破的时刻。各大互联网公司都对此有所察觉。YouTube和Digg显然已经 失去了继续支持老旧浏览器的耐心，才会放出话来说他们将逐渐放弃对IE6的支持。越来越多的公司加入进来，因为他们最终都会发现，付出那些让网站在微软的 破浏览器里也正常运作的代价，是越来越不值得了。  不过如果我们向前展望，HTML 5作为标准将方便我们建立起更为丰富多彩的Web应用。我们的生活和互联网的联系越来越紧密，<a  href="http://mashable.com/category/facebook">Facebook</a> 之类的应用将更为不可或缺。Google适时地宣布了<a  href="http://mashable.com/2009/07/11/google-equation/">Google Chrome OS</a>的消息。这一建立在浏览器基础上的操作系统将能够完美运行各种Web应用程序。然而，如Google Wave之类的富应用项目，如果必须屈身于一只老旧的浏览器，它的潜能将会或多或少（或者完全地）被埋没。  IE6在2001年时的确够用了， 但对于不断发展的Web应用程序——那些作为工具的需要和桌面应用一样无缝运行的Web应用——来说，这种需要大量HACK，需要花费大量时间和精力才能 保证网页正常工作的浏览器实在应该靠边站。现在，让保守者升级浏览器的唯一方法只能是——让他们发现自己最喜爱的网络工具突然不能在IE6下正常使用了。 而只有让用户转变，开发者才能更放心地使用HTML 5这种新技术，而不是继续在过时的技术中沉迷。  简而言之，我们正处在Web技术发展的十字路口，要继续前行而不走弯路，我们就必须把IE6这个路障清除干净。行动起来吧，朋友们！</p>
<h3>笨活儿的旁白</h3>
<p>这篇文章是在Twitter的热门关键词里发现的。前天“IE6 Must Die”一直在Twitter上晃来晃去。  原文在此：<a  title="http://mashable.com/2009/07/16/ie6-must-die/" href="http://mashable.com/2009/07/16/ie6-must-die/">mashable.com</a> 目前，mashable发起的这一抵制IE6的活动已经有5000多名Twitter用户的参与。你也可以到Twibbon参加这个<a  href="http://twibbon.com/join/IE6-Must-Die" target="_blank">改头像的活动</a>请愿的活动。  而在实际项目的开发中，你也可以和你的产品经理商量一下，要么给IE6用户增加一些提示升级的推广信息。要么对他们关闭某些功能（前提是务必说明为什么给他关了……）。  目前<a  href="http://blog.benhuoer.com/" target="_blank">笨活儿博客</a>就添加了明显的“扰民信息”……<br/>
<a  href="http://blog.benhuoer.com/"><img title="upgrade-message"  src="http://blog.benhuoer.com/wp-content/uploads/2009/07/upgrademessage_thumb.jpg"  alt="upgrade-message"  width="422"  height="183" /></a></p>
<p>“<a  href="http://fallwith.me/no-ie.html" target="_blank">升级您的浏览器</a>”链接到这里：<a  title="http://fallwith.me/no-ie.html" href="http://fallwith.me/no-ie.html">fallwith.me/no-ie.html</a>。<strong>欢迎您直接套用我的模板。</strong> 本文极为渴求被转发！不注明出处也没关系！！<strong>搞前端的，都行动起来吧！</strong></p>
<blockquote><p>前两天推了英文版，马上就出中文版了哇，作为痛恨IE6的搞前端的，当然要转！大家走过路过看过也转一下哈~~ P.S. 我的站子顶上也有黄色的东西，可惜只有IE6用户看的到~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/chrome" title="Chrome" rel="tag">Chrome</a>, <a href="http://www.iros.me/tag/ie6" title="IE6" rel="tag">IE6</a>, <a href="http://www.iros.me/tag/ie7" title="IE7" rel="tag">IE7</a>, <a href="http://www.iros.me/tag/ie8" title="IE8" rel="tag">IE8</a>, <a href="http://www.iros.me/tag/jacascript" title="jacascript" rel="tag">jacascript</a>, <a href="http://www.iros.me/tag/opera" title="opera" rel="tag">opera</a>, <a href="http://www.iros.me/tag/safari" title="safari" rel="tag">safari</a>, <a href="http://www.iros.me/tag/wordpress" title="Wordpress" rel="tag">Wordpress</a>, <a href="http://www.iros.me/tag/firefox" title="┨Firefox" rel="tag">┨Firefox</a>, <a href="http://www.iros.me/tag/%e5%85%bc%e5%ae%b9" title="兼容" rel="tag">兼容</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/kill-ie6-2.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</title>
		<link>http://www.iros.me/kill-ie6.html</link>
		<comments>http://www.iros.me/kill-ie6.html#comments</comments>
		<pubDate>Wed, 03 Jun 2009 08:25:23 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Noooooooo IE6]]></category>
		<category><![CDATA[┨Plugin]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[jacascript]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[┨Firefox]]></category>
		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=457</guid>
		<description><![CDATA[如果你用IE6或低于IE6版本的浏览器访问我的各个站子 1.认真工作 2.胡乱生活 3.New-bility 4.Today&#8217;s OOXX ，你将会看到这样滴东东~~ 去年大概是二三月的时候当我发现了 SAVE THE DEVELOPERS 的存在很是HAPPY，跟BOSS申请以后在公司博上加上了这个东西，也算为消灭IE6出一份力量，可惜没过多久就撤下了，嘛，毕竟，到现在，我自己这个博的访问都还有30%是IE6，更甭提到现在还只看IE6的某些客户大人们了。。。我的工作依旧是在Firefox下写好调整好页面后再到 IETester 下去做兼容&#124;&#124;&#124;（Vista下连IE6绿色版都装不了了。。。），然后，今天我才伤心地发现，那网站挂了，爬墙去看却转到了Godaddy，原来，他们不玩了。。。好吧，确实是忍受不了了的话，还是自己来做点事情吧。。。 1. 逝去的 SAVE THE DEVELOPERS 以前的外链JS当然没有用咯，网站都挂了嘛，在 Google Code 上找到一份Copy，可以拿过来用，换掉图片和链接地址就可以了，效果是当用&#60;=IE6的浏览器浏览网站的时候，那个小牌子会从顶部下坠下来提醒，过一阵子再收回去 2. IE6 UPDATE 给病态的IE6来点药，一段JS，效果是类似IE普通提示一样的顶部横条 3. Kill IE6 提示缩在右上角一小块 4. Bring Down IE6 .NET MAGAZINE 的倡导文，你可以用他们很有味道的LOGO 5. Stop IE6 campaign &#8220;終止IE6之戰 &#8211; 一場致力殲滅 IE6、讓它從網路上消失的戰役&#8221;，来吧，大家都是圣（斗）战士！语言选项里有ZH中文繁体~ 6. End 6! JS，会跳个Lightbox文字窗口在中间告诉你IE6不好还是换掉吧，关掉box你就可以继续用可恶的IE6浏览了~ 7. IE Death March March啊，三月/游行，愿望是美好的，不过，已经六月了。。。嘛，革命尚未成功，同志仍需努力! [...]<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>如果你用IE6或低于IE6版本的浏览器访问我的各个站子 <a  href="http://www.originalcolors.cn/work/" target="_blank">1.认真工作</a> <a  href="http://www.originalcolors.cn/life/" target="_blank">2.胡乱生活</a> <a  href="http://www.originalcolors.cn/newbility/" target="_blank">3.New-bility</a> <a  href="http://www.today-s-ooxx.com/" target="_blank">4.Today&#8217;s OOXX</a> ，你将会看到这样滴东东~~</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiYoGEqkHpI%2FAAAAAAAACCs%2F09QtT0cQGDA%2Fs640%2Fnoooooooooooooooie60.jpg"  alt="" /></p>
<p>去年大概是二三月的时候当我发现了  <span style="text-decoration: line-through;" ><a  href="http://www.savethedevelopers.org/" target="_blank">SAVE THE DEVELOPERS</a></span> 的存在很是HAPPY，跟BOSS申请以后在公司博上加上了这个东西，也算为消灭IE6出一份力量，可惜没过多久就撤下了，嘛，毕竟，到现在，我自己这个博的访问都还有30%是IE6，更甭提到现在还只看IE6的某些客户大人们了。。。我的工作依旧是在Firefox下写好调整好页面后再到 <a  href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IETester</a> 下去做兼容|||（Vista下连IE6绿色版都装不了了。。。），然后，今天我才伤心地发现，那网站挂了，爬墙去看却转到了Godaddy，原来，他们不玩了。。。好吧，确实是忍受不了了的话，还是自己来做点事情吧。。。</p>
<p>1. 逝去的 <span style="text-decoration: line-through;" ><a  href="http://www.savethedevelopers.org/" target="_blank">SAVE THE DEVELOPERS</a></span></p>
<p>以前的外链JS当然没有用咯，网站都挂了嘛，在 <a  href="http://code.google.com/p/flickrpoll/source/browse/trunk/js/say.no.to.ie.6.js?spec=svn2&#038;r=2" target="_blank">Google Code</a> 上找到一份Copy，可以拿过来用，换掉图片和链接地址就可以了，效果是当用&lt;=IE6的浏览器浏览网站的时候，那个小牌子会从顶部下坠下来提醒，过一阵子再收回去</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSiYHDpMoDbI%2FAAAAAAAACCg%2FsJArpwiHWZw%2Fs640%2Fimage.axd0.jpg"  alt="" /></p>
<p><span id="more-457" ></span>2. <a  href="http://ie6update.com/" target="_blank">IE6 UPDATE</a></p>
<p>给病态的IE6来点药，一段JS，效果是类似IE普通提示一样的顶部横条</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiX9IkCDgMI%2FAAAAAAAACB0%2FDt8e5gDD7qw%2Fs640%2Fie6%20update.jpg"  alt="" /></p>
<p>3. <a  href="http://www.killie6.com/" target="_blank">Kill IE6</a></p>
<p>提示缩在右上角一小块</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiX9S35yL_I%2FAAAAAAAACCI%2FrbshfrHV8ZQ%2Fs640%2Fsniff-puppy.gif"  alt="" /></p>
<p>4. <a  href="http://www.bringdownie6.com/" target="_blank">Bring Down IE6</a></p>
<p>.NET MAGAZINE 的倡导文，你可以用他们很有味道的LOGO</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiYLzkU20mI%2FAAAAAAAACCk%2FweKdVOIbZdc%2Fs640%2Fbringdownie6.jpg"  alt="" /></p>
<p>5. <a  href="http://www.stopie6.org/" target="_blank">Stop IE6 campaign</a></p>
<p>&#8220;終止IE6之戰 &#8211; 一場致力殲滅 IE6、讓它從網路上消失的戰役&#8221;，来吧，大家都是圣<span style="text-decoration: line-through;" >（斗）</span>战士！语言选项里有ZH中文繁体~</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSiX9SnRokGI%2FAAAAAAAACCE%2FQqKRNj0srlA%2Fstopie6.jpg"  alt="" /></p>
<p>6. <a  href="http://www.end6.org/" target="_blank">End 6!</a></p>
<p>JS，会跳个Lightbox文字窗口在中间告诉你IE6不好还是换掉吧，关掉box你就可以继续用可恶的IE6浏览了~</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiYQyeUvMpI%2FAAAAAAAACCo%2Fn5ezv72CRTk%2Fs640%2Fendie6.jpg"  alt="" /></p>
<p>7. <a  href="http://iedeathmarch.org/" target="_blank">IE Death March</a></p>
<p>March啊，三月/游行，愿望是美好的，不过，已经六月了。。。嘛，革命尚未成功，同志仍需努力! ~ 去感化你周围的人吧！~</p>
<p><img src="http://iedeathmarch.org/wp-content/uploads/2008/08/iedeathmarch2009badge.png"  alt="" /></p>
<p>8. <a  href="http://www.dearie6.com/" target="_blank">Dear IE6 , So Long</a></p>
<p>嘛，亲爱的IE6已经伴随我们8年时间了，是时候说骨的白了，你可以再Twitter上@DearIE6来say goodbye to IE6，这个网站收集了大家对IE6的OOXX之情，顺便一说，我是第1299和1300个，中间激动手抖了一下，发了2条|||</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSiX9Ime4_sI%2FAAAAAAAACBw%2F0iFu67X3P5Y%2Fs640%2Fdearie6.jpg"  alt="" /></p>
<p>9. <a  href="http://idroppedie6.com/" target="_blank">I Droped IE6</a></p>
<p>IE6去死去死，我的站子才不管那些破烂低级的浏览器呢，好吧，你已经是一名圣斗士了，怀揣荣誉去这里报个名吧~ 当然，如果你用任何一种方式提醒和感化你的IE6用户升级，也可以臭P一下，像我，哇咔咔~~</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiX9Ig1fydI%2FAAAAAAAACB8%2FBaBvdlW3Wyo%2Fs640%2Flogo.jpg"  alt="" /></p>
<p>9. <a  href="http://56we.com/thread-20605-1-1.html" target="_blank">升级您的ie6 ：）</a></p>
<p>国内就找到这麽一个，可以自由转载我懒得转了，大家去看看吧，没错，傲游/世界之窗/搜狗/闪游啥的这些浏览器都是偷IE的内核换张皮而已，赶紧赶紧，还世界美好吧！~</p>
<p><img src="http://56we.com/attachments/month_0902/090225160304d44dc5d506726a.png"  alt="" /></p>
<p>10. <a  href="http://pothix.com/blog/anti-ie6-army" target="_blank">Anti IE6 Army</a></p>
<p>这个是WP的插件，安装上直接用的，选项卡里有4个小兵，Crossbrowser、End6、End6 Sarcasm和Stop IE6，选择了就会有各自的效果，懒人必备，太方便了~ 又一次增加了对Wordpress的爱啊啊啊啊啊啊啊~~</p>
<p><img src="http://pothix.com/blog/wp-content/uploads/2009/03/anti-ie6-army-logo.png"  alt="" /></p>
<p>11. <a  href="http://wordpress.org/extend/plugins/shockingly-big-ie6-warning/" target="_blank">Shockingly Big IE6 Warning</a></p>
<p>锵锵锵~最后来介绍一下我用滴这个，同样是WP插件，解压后226k看起来挺大的，嘛，去掉图片啥的自己给减减肥也就82k，功能依旧齐全，后台设置很详细，三种提示模式可选，Top是我用的顶部亮黄条，Center是中间Lightbox窗口，还有一个绝的，就是Crash，直接让你的IE6崩溃，哇卡卡卡，太强大了，不过我还是老实点的没有用这招||| 然后推荐的其他五款浏览器也可以选择显示或隐藏，修改链接地址，当然的，Message可以修改，表太啰嗦就是，我写那么多是因为自己修改了JS和CSS，不然会显示不完全滴~~ 最贴心的是，如果你本身并没有IE6的浏览器却想看样子调试，还有个Test Mode可以选择，这样任何浏览器都可以显示啦！~</p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSiX9I0ofGzI%2FAAAAAAAACCA%2Ff_N-vXsZCgw%2Fs640%2Fscreenshot-1.jpg"  alt="" /></p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSiX9S9BnbII%2FAAAAAAAACCQ%2F8afQzNbKteQ%2Fs640%2Fscreenshot-2.jpg"  alt="" /></p>
<p><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSiX9SxbemdI%2FAAAAAAAACCM%2FKFc2uKasZhA%2Fs640%2Fscreenshot-3.jpg"  alt="" /></p>
<blockquote><p>说起IE6眼含泪水的肯定不止我一人，上面提到的各网站技术及其支持者应该也是的，Google搜索&#8221;ie6 problems&#8221;有将近2,450,000结果个结果，IE6安全性和兼容性都很差、代码执行效率低下，就我做前端的工作来说，IE6对CSS和JS的读取总是让我觉得丫忒傻，容器层次读取出错，选择器不支持，总是要花很多时间去做各种IE6的兼容，总之，我自己的网站你在IE6下看到得样子已经不是我想呈现的样子了，可以说它强X了我的表达，但是，就像我以前也说过，让电脑市场那些装机的GG们先把预装IE6的盘子换掉先！~</p>
<p><a  href="http://www.cnbeta.com/articles/79511.htm" target="_blank">IE6很烂，为什么大家仍在使用？</a> 我现在应该是Firefox派，不过先不在这里乱扯其他家的比微软家的好，起码你可以先看看 <a  href="http://www.awflasher.com/blog/archives/1417">将您的落后且不安全的IE6升级到IE7的七大理由</a> ，再想比较的话，Google一下，你就知道~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/chrome" title="Chrome" rel="tag">Chrome</a>, <a href="http://www.iros.me/tag/ie6" title="IE6" rel="tag">IE6</a>, <a href="http://www.iros.me/tag/ie7" title="IE7" rel="tag">IE7</a>, <a href="http://www.iros.me/tag/ie8" title="IE8" rel="tag">IE8</a>, <a href="http://www.iros.me/tag/jacascript" title="jacascript" rel="tag">jacascript</a>, <a href="http://www.iros.me/tag/opera" title="opera" rel="tag">opera</a>, <a href="http://www.iros.me/tag/safari" title="safari" rel="tag">safari</a>, <a href="http://www.iros.me/tag/wordpress" title="Wordpress" rel="tag">Wordpress</a>, <a href="http://www.iros.me/tag/firefox" title="┨Firefox" rel="tag">┨Firefox</a>, <a href="http://www.iros.me/tag/%e5%85%bc%e5%ae%b9" title="兼容" rel="tag">兼容</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/kill-ie6.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>使用CSS Expression解决某些浏览器兼容问题</title>
		<link>http://www.iros.me/expression-solve-compatibility-problems.html</link>
		<comments>http://www.iros.me/expression-solve-compatibility-problems.html#comments</comments>
		<pubDate>Mon, 15 Dec 2008 09:45:01 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨DIV+CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[expression]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[浏览器兼容]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=313</guid>
		<description><![CDATA[虽然无奈，但是不想一有什么就去写JS，冲突也会是个头痛的问题，所以这个Expression还是挺有用的，在CSS代码后插入expression语句，自定义控制属性，只被IE识别的方法，通常针对IE6及其一下的版本居多，IE7对CSS的支持已经有了很大改进，会用到的情况比较少，IE8已宣布在其标准模式下不再支持这一语句，呵呵，多好啊，以后为不同版本的IE还要多写几份HACK，咱们不怕没工作做了哩~~无奈到想哭。。。 1. min-width/max-width 控制容器最小宽度或图片最大宽度，对IE6及其以下版本无效 div { width:100%; min-width:600px; width:expression(this.Width &#60; 600 ? &#8220;600px&#8221; :&#8221;100%&#8221; ); } img { max-width:750px; width:expression(onload=function() { this.style.width=(this.offsetWidth &#62; 750)?&#8221;750px&#8221;:&#8221;auto&#8221; } /* max-width: 750px; width:expression(this.offsetWidth&#62; 750? &#8220;750px&#8221; : this.offsetWidth+&#8221;px&#8221;) ; 不要使用这种写法，初次载入图片有时会很小，需刷新 */ 2. position:fixed IE6下无效 div { position: absolute; top:expression(eval(document .compatMode &#38;&#38;  document .compatMode==&#8217;CSS1Compat&#8217;) ?  documentElement.scrollTop  +(documentElement.clientHeight-this.clientHeight) &#8211; 1 : document.body.scrollTop  [...]<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html&from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-browser-support.html&from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>虽然无奈，但是不想一有什么就去写JS，冲突也会是个头痛的问题，所以这个Expression还是挺有用的，在CSS代码后插入expression语句，自定义控制属性，只被IE识别的方法，通常针对IE6及其一下的版本居多，IE7对CSS的支持已经有了很大改进，会用到的情况比较少，IE8已宣布在其标准模式下不再支持这一语句，呵呵，多好啊，以后为不同版本的IE还要多写几份HACK，咱们不怕没工作做了哩~~无奈到想哭。。。</p>
<p>1. min-width/max-width 控制容器最小宽度或图片最大宽度，对IE6及其以下版本无效</p>
<p>div {<br/>
width:100%;<br/>
min-width:600px;<br/>
width:expression(this.Width &lt; 600 ? &#8220;600px&#8221; :&#8221;100%&#8221; );<br/>
}</p>
<p><span id="more-313" ></span>img {<br/>
max-width:750px;<br/>
width:expression(onload=function() {<br/>
this.style.width=(this.offsetWidth &gt; 750)?&#8221;750px&#8221;:&#8221;auto&#8221;<br/>
}</p>
<p>/*<br/>
max-width: 750px;<br/>
width:expression(this.offsetWidth&gt; 750? &#8220;750px&#8221; : this.offsetWidth+&#8221;px&#8221;) ;<br/>
不要使用这种写法，初次载入图片有时会很小，需刷新<br/>
*/</p>
<p>2. position:fixed IE6下无效</p>
<p>div {<br/>
position: absolute;<br/>
top:expression(eval(document .compatMode &amp;&amp;  document .compatMode==&#8217;CSS1Compat&#8217;) ?  documentElement.scrollTop  +(documentElement.clientHeight-this.clientHeight) &#8211; 1 : document.body.scrollTop  +(document.body.clientHeight-this.clientHeight) &#8211; 1;<br/>
}</p>
<p>/*</p>
<p>div {<br/>
position: absolute;<br/>
left: expression( (johndoe2 = document.documentElement.scrollLeft ?<br/>
document.documentElement.scrollLeft : document.body.scrollLeft ) + &#8217;px&#8217; );<br/>
top: expression( (johndoe1 = document.documentElement.scrollTop ?<br/>
document.documentElement.scrollTop : document.body.scrollTop ) + &#8217;px&#8217; );<span style="color: #ff0000; background-color: #f5f5f5;" ><br/>
</span>}<span style="color: #ff0000; background-color: #f5f5f5;" ><br/>
</span></p>
<p>实际用了下，上面那种好像不太保险的，下面这个OK的~~ 但是注意，这种方式因为是不停的用expression计算位置，滚动过程中会有抖动的</p>
<p>另外还找到了一种<a  href="http://www.scriptlover.com/controls/FixedPosition/" target="_self">JS实现方法</a>，如果你有多个需要固定的DIV，并且这种方式没有抖动~~</p>
<p>*/</p>
<p>3. 实现伪类的Hover效果</p>
<p>span.link {<br/>
cursor:pointer;<br/>
color: blue;<br/>
text-decoration: none;<br/>
m: expression(this.onmouseover =  new Function(&#8220;this.className = &#8221;link-hover&#8221;;&#8221;));<br/>
}</p>
<p>4. 消除页面链接虚线</p>
<p>a {<br/>
star: expression(onfocus=this.blur)<br/>
}</p>
<p>其他还有做隔行换色表格啦~鼠标移上更换图片啦~其他什么的，需要注意的是，expression这种东西能不用还是不要轻易使用，因为是比较消耗浏览器资源滴，不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。</p>
<p>在新型浏览器迈着轻松的步子优雅前行的时候，身后不知道瘫倒着多少像俺这样写HACK的可怜娃啊，喂！~ 还真就说不管就不管啦？~ 那你起码回个头把你家不争气的小子处理掉先啊！~~  555，还真是可怜的娃，谁都来欺负一把，现在是IE三兄弟、FF3、Safari、Opera、Chrome都压上身了，我爬。。。好重。。。</p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-browser-support.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fexpression-solve-compatibility-problems.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/css" title="CSS" rel="tag">CSS</a>, <a href="http://www.iros.me/tag/expression" title="expression" rel="tag">expression</a>, <a href="http://www.iros.me/tag/ie6" title="IE6" rel="tag">IE6</a>, <a href="http://www.iros.me/tag/%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9" title="浏览器兼容" rel="tag">浏览器兼容</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/expression-solve-compatibility-problems.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）</title>
		<link>http://www.iros.me/ietester-wonderful-ie-compatibility-test-tool.html</link>
		<comments>http://www.iros.me/ietester-wonderful-ie-compatibility-test-tool.html#comments</comments>
		<pubDate>Tue, 04 Nov 2008 03:09:20 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Noooooooo IE6]]></category>
		<category><![CDATA[┨Soooooftware]]></category>
		<category><![CDATA[IE5.5]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8Beta2]]></category>
		<category><![CDATA[IETester]]></category>
		<category><![CDATA[IE浏览器]]></category>
		<category><![CDATA[兼容性]]></category>
		<category><![CDATA[测试]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=141</guid>
		<description><![CDATA[如果你和我一样，虽然有美好愿望，但是短时间内又逃不开必须做页面低版本IE兼容测试的命运，那就含泪一起用这个吧！~~我已经决定用这个了！~~ 系统自带IE7，又必须装个绿色版IE6做测试，FF当然是调试必备，Safari和Opera也要去看两眼的，一个字，累，用这个相信能轻松点吧，希望不会像绿色IE那样经常给我崩溃掉&#8230;总之不会因为页面有FLASH而一个劲的跳确认框已经是很帮忙了呢 不过，暂时也有缺点和限制有待改进： 调整窗口大小时内容暂时消失（就是会闪一闪） 前后翻页按钮有时不能正常作用 焦点无效 JAVA小程序不作用（会跳提示框） FLASH在IE6中不作用（我没觉得啊，起码我的饭否能看也能点） 有兴趣的可以 官网查看 或者 直接下载（24MB） ====================== 崩溃了，WIN7系统下面我的IE Tester坏了，IE6 TAB一打开就崩溃。。。更新到最新版本还是这样，都不知道怎么回事，555，有没有同病相怜滴淫啊？~ 标签：IE5.5, IE6, IE7, IE8Beta2, IETester, IE浏览器, 兼容性, 测试<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585028.png" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="【转载】Web技术要发展，IE6必须被消灭！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/04/09/5348379.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>如果你和我一样，虽然有美好愿望，但是短时间内又逃不开必须做页面低版本IE兼容测试的命运，那就含泪一起用这个吧！~~我已经决定用这个了！~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSQ-2KmIUbUI%2FAAAAAAAAAfQ%2Fs8AowdEcUSE%2FIETester.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSQ-2KmIUbUI%2FAAAAAAAAAfQ%2Fs8AowdEcUSE%2FIETester.jpg?imgmax=800"  alt="image" /></a></p>
<p><span id="more-141" ></span></p>
<p>系统自带IE7，又必须装个绿色版IE6做测试，FF当然是调试必备，Safari和Opera也要去看两眼的，一个字，累，用这个相信能轻松点吧，希望不会像绿色IE那样经常给我崩溃掉&#8230;总之不会因为页面有FLASH而一个劲的跳确认框已经是很帮忙了呢</p>
<p>不过，暂时也有缺点和限制有待改进：</p>
<ul>
<li>调整窗口大小时内容暂时消失（就是会闪一闪）</li>
<li>前后翻页按钮有时不能正常作用</li>
<li>焦点无效</li>
<li>JAVA小程序不作用（会跳提示框）</li>
<li>FLASH在IE6中不作用（我没觉得啊，起码我的饭否能看也能点）</li>
</ul>
<blockquote><p>有兴趣的可以 <a  href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">官网查看</a> 或者 <a  href="http://www.my-debugbar.com/ietester/install-ietester-v0.2.3.exe" target="_blank">直接下载</a>（24MB）</p></blockquote>
<p>======================</p>
<p>崩溃了，WIN7系统下面我的IE Tester坏了，IE6 TAB一打开就崩溃。。。更新到最新版本还是这样，都不知道怎么回事，555，有没有同病相怜滴淫啊？~  <img src="http://www.iros.me/wp-includes/images/smilies/18.gif"  alt="[面条泪]"  class="wp-smiley" /> </p>
<blockquote></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585028.png"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="【转载】Web技术要发展，IE6必须被消灭！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/04/09/5348379.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fietester-wonderful-ie-compatibility-test-tool.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/ie55" title="IE5.5" rel="tag">IE5.5</a>, <a href="http://www.iros.me/tag/ie6" title="IE6" rel="tag">IE6</a>, <a href="http://www.iros.me/tag/ie7" title="IE7" rel="tag">IE7</a>, <a href="http://www.iros.me/tag/ie8beta2" title="IE8Beta2" rel="tag">IE8Beta2</a>, <a href="http://www.iros.me/tag/ietester" title="IETester" rel="tag">IETester</a>, <a href="http://www.iros.me/tag/ie%e6%b5%8f%e8%a7%88%e5%99%a8" title="IE浏览器" rel="tag">IE浏览器</a>, <a href="http://www.iros.me/tag/%e5%85%bc%e5%ae%b9%e6%80%a7" title="兼容性" rel="tag">兼容性</a>, <a href="http://www.iros.me/tag/%e6%b5%8b%e8%af%95" title="测试" rel="tag">测试</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/ietester-wonderful-ie-compatibility-test-tool.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

