<?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>5ivedance &#187; hack</title>
	<atom:link href="http://5ivedance.com/tag/hack/feed/" rel="self" type="application/rss+xml" />
	<link>http://5ivedance.com</link>
	<description>Sincerity</description>
	<lastBuildDate>Fri, 16 Apr 2010 08:39:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Entomology（居中）</title>
		<link>http://5ivedance.com/development/entomology-align-center/</link>
		<comments>http://5ivedance.com/development/entomology-align-center/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 01:48:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://www.5ivedance.com/blog/?p=314</guid>
		<description><![CDATA[组合使用自动外边距和文本对齐
这始终是个hack（为兼容地域IE6的浏览器），无论如何也算不上完美。
body {
text-align: center;
}
#container {
margin-left: auto;
margin-right: auto;
width:200px;
text-align:left;
}
负外边距解决方案
Entomology用到的代码：
#container｛
background: #ffc;
position: absolute;
left: 50%;
width: 760px;
margin-left: -380px;
}
没任何hack!适用性极广——Netscape 4.x中都没问题，不是首选，但是想得到广泛浏览器支持，这是最好的选择。
]]></description>
			<content:encoded><![CDATA[<p><strong>组合使用自动外边距和文本对齐</strong></p>
<p>这始终是个hack（为兼容地域IE6的浏览器），无论如何也算不上完美。</p>
<blockquote><p>body {</p>
<p><strong><span style="color: #993300;">text-align: center;</span></strong></p>
<p>}</p>
<p>#container {</p>
<p>margin-left: auto;</p>
<p>margin-right: auto;</p>
<p>width:200px;</p>
<p>text-align:left;</p>
<p>}</p></blockquote>
<p><strong>负外边距解决方案</strong></p>
<p>Entomology用到的代码：</p>
<blockquote><p>#container｛</p>
<p>background: #ffc;</p>
<p><strong><span style="color: #993300;">position: absolute;</span></strong></p>
<p><strong><span style="color: #993300;">left: 50%;</span></strong></p>
<p>width: 760px;</p>
<p><strong><span style="color: #993300;">margin-left: -380px;</span></strong></p>
<p>}</p></blockquote>
<p>没任何hack!适用性极广——Netscape 4.x中都没问题，不是首选，但是想得到广泛浏览器支持，这是最好的选择。</p>
]]></content:encoded>
			<wfw:commentRss>http://5ivedance.com/development/entomology-align-center/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Internet Explorer条件注释</title>
		<link>http://5ivedance.com/development/internet-explorer-conditional-comments/</link>
		<comments>http://5ivedance.com/development/internet-explorer-conditional-comments/#comments</comments>
		<pubDate>Mon, 02 Jun 2008 03:37:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://localhost/wordpress/?p=49</guid>
		<description><![CDATA[“CSS hack和破碎的页面的灭绝”——Internet Explorer条件注释
&#8230; &#8230;
我们请求你更新页面，让它们不再使用CSS hack。如果你仍然想锁定IE或者忽略IE，请使用条件注释。
——Markus Mielke(http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx)
制备Windows版本的Internet Explorer支持的条件注释，提供了一个简洁的途径去锁定或者忽略Internet Explorer，只需将注释放在XHTML文档的&#60;head&#62;部分。
例如，要为所有的浏览器提供一系列通用的规则，而仅为所有版本的Internet Explorer提供一系列特殊的规则，可以用这个：
&#60;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;standa-rds.css&#8221; /&#62;
&#60;!&#8211;[if IE]&#62;
&#60;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie.css&#8221; /&#62;
&#60;![endif]&#8211;&#62;
锁定IE5或者IE6
&#60;!&#8211;[if IE 5]&#62;
&#60;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie5.css&#8221; /&#62;
&#60;![endif]&#8211;&#62;
&#60;!&#8211;[if lte IE 6]&#62;
&#60;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie6.css&#8221; /&#62;
&#60;![endif]&#8211;&#62;
当许多漏洞和错误在Internet Explorer 7中被修正，同时条件注释在XHTML中成为可行的时候，条件注释开始很快地流行起来。
]]></description>
			<content:encoded><![CDATA[<p>“CSS hack和破碎的页面的灭绝”——Internet Explorer条件注释</p>
<p>&#8230; &#8230;</p>
<blockquote><p>我们请求你更新页面，让它们不再使用CSS hack。如果你仍然想锁定IE或者忽略IE，请使用条件注释。</p>
<p>——Markus Mielke(http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx)</p></blockquote>
<p>制备Windows版本的Internet Explorer支持的条件注释，提供了一个简洁的途径去锁定或者忽略Internet Explorer，只需将注释放在XHTML文档的&lt;head&gt;部分。</p>
<p>例如，要为所有的浏览器提供一系列通用的规则，而仅为所有版本的Internet Explorer提供一系列特殊的规则，可以用这个：</p>
<p><span style="color: #993300;">&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;standa-rds.css&#8221; /&gt;</span></p>
<p><span style="color: #993300;"><strong>&lt;!&#8211;[if IE]&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie.css&#8221; /&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;![endif]&#8211;&gt;</strong></span></p>
<p>锁定IE5或者IE6</p>
<p><span style="color: #993300;"><strong>&lt;!&#8211;[if IE 5]&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie5.css&#8221; /&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;![endif]&#8211;&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;!&#8211;[if lte IE 6]&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie6.css&#8221; /&gt;</strong></span></p>
<p><span style="color: #993300;"><strong>&lt;![endif]&#8211;&gt;</strong></span></p>
<p>当许多漏洞和错误在Internet Explorer 7中被修正，同时条件注释在XHTML中成为可行的时候，条件注释开始很快地流行起来。</p>
]]></content:encoded>
			<wfw:commentRss>http://5ivedance.com/development/internet-explorer-conditional-comments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS hack:区分IE6，IE7，firefox</title>
		<link>http://5ivedance.com/development/css-hacks-for-ie6-ie7-firefox/</link>
		<comments>http://5ivedance.com/development/css-hacks-for-ie6-ie7-firefox/#comments</comments>
		<pubDate>Mon, 14 Jan 2008 16:02:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://www.5ivedance.com/blog/?p=59</guid>
		<description><![CDATA[转的PJhome.的。这个东东的网上版本N多，可是Pj大叔给上色了，这样才有用，要不看不明白。转的目的是我自己需要时看啦。嘿嘿。
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;




IE6
IE7
FF


*
√
√
×


!important
×
√
√



另外再补充一个，下划线&#8221;_&#8220;,
IE6支持下划线，IE7和firefox均不支持下划线。(推荐)于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
]]></description>
			<content:encoded><![CDATA[<p>转的<a title="原文地址在此点击过去看看它" href="http://www.pjhome.net/article.asp?id=807" target="_blank"><span style="color: #800000;">PJhome.</span></a>的。这个东东的网上版本N多，可是Pj大叔给上色了，这样才有用，要不看不明白。转的目的是我自己需要时看啦。嘿嘿。</p>
<p>区别<span class="blue"><span style="color: #0000ff;">IE6</span></span>与<span class="orange"><span style="color: #ff6600;">FF</span></span>：</p>
<p>background:<span class="orange"><span style="color: #ff6600;">orange</span></span>;<span class="red">*</span>background:<span class="blue"><span style="color: #0000ff;">blue</span></span>;</p>
<p>区别<span class="blue"><span style="color: #0000ff;">IE6</span></span>与<span class="green"><span style="color: #339966;">IE7</span></span>：</p>
<p>background:<span class="green"><span style="color: #339966;">green</span></span> <span class="red"><strong><span style="color: #ff0000;">!important</span></strong></span>;background:<span class="blue"><span style="color: #0000ff;">blue</span></span>;</p>
<p>区别<span class="green"><span style="color: #339966;">IE7</span></span>与<span class="orange">FF</span>：</p>
<p>background:<span class="orange"><span style="color: #ff6600;">orange</span></span>; <span class="red"><strong><span style="color: #ff0000;">*</span></strong></span>background:<span class="green"><span style="color: #339966;">green</span></span>;</p>
<p>区别<span class="orange"><span style="color: #ff6600;">FF</span></span>，<span class="green"><span style="color: #339966;">IE7</span></span>，<span class="blue"><span style="color: #0000ff;">IE6</span></span>：</p>
<p>background:<span class="orange"><span class="orange"><span style="color: #ff6600;">orange</span></span></span>;<span class="red"><span class="red"><strong><span style="color: #ff0000;">*</span></strong></span></span>background:<span class="green"><span class="green"><span style="color: #339966;">green</span></span> </span><span class="red"><strong><span style="color: #ff0000;">!important</span></strong></span>;<span class="red"><strong><span style="color: #ff0000;">*</span></strong></span>background:<span class="blue"><span class="blue"><span style="color: #0000ff;">blue</span></span></span>;</p>
<p>注：IE都能识别*;标准浏览器(如FF)不能识别*；</p>
<p>IE6能识别*，但不能识别 !important,</p>
<p>IE7能识别*，也能识别!important;</p>
<p>FF不能识别*，但能识别!important;</p>
<table class="hack" border="0" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td></td>
<td>IE6</td>
<td>IE7</td>
<td>FF</td>
</tr>
<tr>
<td>*</td>
<td>√</td>
<td>√</td>
<td>×</td>
</tr>
<tr>
<td>!important</td>
<td>×</td>
<td>√</td>
<td>√</td>
</tr>
</tbody>
</table>
<hr />另外再补充一个，下划线&#8221;<span class="red"><span style="color: #ff0000;">_</span></span>&#8220;,<br />
IE6支持下划线，IE7和firefox均不支持下划线。(推荐)于是大家还可以这样来区分<span class="blue"><span style="color: #0000ff;">IE6</span></span>，<span class="green"><span style="color: #339966;">IE7</span></span>，<span class="orange"><span style="color: #ff6600;">firefox</span></span><br />
: background:<span class="orange"><span style="color: #ff6600;">orange</span></span>;<span class="red">*</span>background:<span class="green"><span style="color: #339966;">green</span></span>;<span class="red"><span style="color: #ff0000;">_</span></span>background:<span class="blue"><span style="color: #0000ff;">blue</span></span>;</p>
<p><span style="color: #993300;">注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://5ivedance.com/development/css-hacks-for-ie6-ie7-firefox/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)

Served from: 5ivedance.com @ 2010-09-10 06:46:47 -->