http://wiki.blueidea.com/index.php?action=history&feed=atom&title=css_hack
css hack - 版本历史
2026-05-08T05:08:48Z
本wiki的该页面的版本历史
MediaWiki 1.24.1
http://wiki.blueidea.com/index.php?title=css_hack&diff=6721&oldid=prev
yoom：/*修正一个错别字*/
2010-04-09T11:14:20Z
<p><span dir="auto"><span class="autocomment">修正一个错别字</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-04-09T11:14:20的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第15行：</td>
<td colspan="2" class="diff-lineno">第15行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用后的弊端 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用后的弊端 ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>css <del class="diffchange diffchange-inline">hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，css </del>hack会引起许多新的错误。</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>css <ins class="diffchange diffchange-inline">hack除了能迅速区分浏览器版本，并可能获得大概一致的效果，但从长远看，css </ins>hack会引起许多新的错误。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==参考文献==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==参考文献==</div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=css_hack&diff=6720&oldid=prev
297227938：/* 使用后的弊端 */
2010-04-09T07:37:05Z
<p><span dir="auto"><span class="autocomment">使用后的弊端</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-04-09T07:37:05的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第15行：</td>
<td colspan="2" class="diff-lineno">第15行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用后的弊端 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用后的弊端 ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，Hack会引起许多新的错误。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">css hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，css hack会引起许多新的错误。</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==参考文献==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==参考文献==</div></td></tr>
</table>
297227938
http://wiki.blueidea.com/index.php?title=css_hack&diff=6628&oldid=prev
yoom：添加两个外联，浏览器15年历史回顾和让IE6更快的走向灭亡
2010-03-02T11:01:50Z
<p>添加两个外联，浏览器15年历史回顾和让IE6更快的走向灭亡</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-03-02T11:01:50的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第3行：</td>
<td colspan="2" class="diff-lineno">第3行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== css hack的来历 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== css hack的来历 ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>css hack的由来源于[<del class="diffchange diffchange-inline">http://</del>http://zh.wikipedia.org/wiki/浏览器大战 浏览器大战]，从1995年开始，微软和网景公司的浏览器竞争，导致各自的浏览器包含大量其私有CSS属性，并逐渐远离标准<ref>http://zh.wikipedia.org/wiki/浏览器大战#.E5.B8.B6.E4.BE.86.E7.9A.84.E5.BE.8C.E6.9E.9C 浏览器大战所带来的后果</ref>。1998年网景公司以开放源代码的授权形式，把Communicator的源代码释出，以开源的形式逐渐发展一部分用户群，并在2004年推出Firefox的1.0版本。相继，Safar，Opera的用户群也正在发展壮大中。这让微软不得不考虑从新设计一款更加接近web标准的浏览器。</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>css hack的由来源于[http://zh.wikipedia.org/wiki/浏览器大战 浏览器大战]<ins class="diffchange diffchange-inline"><ref>[http://www.blueidea.com/tech/site/2009/7068.asp 浏览器15年历史回顾]</ref></ins>，从1995年开始，微软和网景公司的浏览器竞争，导致各自的浏览器包含大量其私有CSS属性，并逐渐远离标准<ref>http://zh.wikipedia.org/wiki/浏览器大战#.E5.B8.B6.E4.BE.86.E7.9A.84.E5.BE.8C.E6.9E.9C 浏览器大战所带来的后果</ref>。1998年网景公司以开放源代码的授权形式，把Communicator的源代码释出，以开源的形式逐渐发展一部分用户群，并在2004年推出Firefox的1.0版本。相继，Safar，Opera的用户群也正在发展壮大中。这让微软不得不考虑从新设计一款更加接近web标准的浏览器。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>尽管微软最新推出的IE8已经对CSS2.<del class="diffchange diffchange-inline">1提供了良好的支持，但事实是，许多用户操作系统的IE版本一直停留在IE6，且大多数用户没有主动升级IE的习惯。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>尽管微软最新推出的IE8已经对CSS2.<ins class="diffchange diffchange-inline">1提供了良好的支持，但事实是，许多用户操作系统的IE版本一直停留在IE6<ref>[http://www.blueidea.com/tech/site/2010/7376.asp 让IE6更快的走向灭亡]</ref>，且大多数用户没有主动升级IE的习惯。</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>IE的各个版本对CSS2.1中的某些属性从支持程度到解析效果，都不是很一致。这导致开发人员需要单独定义针对不同版本的的CSS样式，以此来获取相近的效果。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>IE的各个版本对CSS2.1中的某些属性从支持程度到解析效果，都不是很一致。这导致开发人员需要单独定义针对不同版本的的CSS样式，以此来获取相近的效果。</div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=css_hack&diff=6445&oldid=prev
yoom：添加分类
2009-12-14T07:38:12Z
<p>添加分类</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2009-12-14T07:38:12的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第20行：</td>
<td colspan="2" class="diff-lineno">第20行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><references/></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><references/></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:<del class="diffchange diffchange-inline">css</del>]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:<ins class="diffchange diffchange-inline">CSS</ins>]]</div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=css_hack&diff=6444&oldid=prev
yoom：添加分类
2009-12-14T07:37:16Z
<p>添加分类</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2009-12-14T07:37:16的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第17行：</td>
<td colspan="2" class="diff-lineno">第17行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，Hack会引起许多新的错误。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，Hack会引起许多新的错误。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">[[</del>参考文献<del class="diffchange diffchange-inline">]]</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">==</ins>参考文献<ins class="diffchange diffchange-inline">==</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><references/></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><references/></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:css]]</ins></div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=css_hack&diff=6441&oldid=prev
yoom：添加并修改外链
2009-12-14T06:23:18Z
<p>添加并修改外链</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2009-12-14T06:23:18的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第3行：</td>
<td colspan="2" class="diff-lineno">第3行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== css hack的来历 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== css hack的来历 ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>css hack的由来源于[http://http://zh.wikipedia.org/wiki/浏览器大战 浏览器大战]，从1995年开始，微软和网景公司的浏览器竞争，导致各自的浏览器包含大量其私有CSS属性，并逐渐远离标准<ref>http://zh.wikipedia.org/wiki/浏览器大战#.E5.B8.B6.E4.BE.86.E7.9A.84.E5.BE.8C.E6.9E.9C</ref>。1998年网景公司以开放源代码的授权形式，把Communicator的源代码释出，以开源的形式逐渐发展一部分用户群，并在2004年推出Firefox的1.0版本。相继，Safar，Opera的用户群也正在发展壮大中。这让微软不得不考虑从新设计一款更加接近web标准的浏览器。</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>css hack的由来源于[http://http://zh.wikipedia.org/wiki/浏览器大战 浏览器大战]，从1995年开始，微软和网景公司的浏览器竞争，导致各自的浏览器包含大量其私有CSS属性，并逐渐远离标准<ref>http://zh.wikipedia.org/wiki/浏览器大战#.E5.B8.B6.E4.BE.86.E7.9A.84.E5.BE.8C.E6.9E.9C <ins class="diffchange diffchange-inline">浏览器大战所带来的后果</ins></ref>。1998年网景公司以开放源代码的授权形式，把Communicator的源代码释出，以开源的形式逐渐发展一部分用户群，并在2004年推出Firefox的1.0版本。相继，Safar，Opera的用户群也正在发展壮大中。这让微软不得不考虑从新设计一款更加接近web标准的浏览器。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽管微软最新推出的IE8已经对CSS2.1提供了良好的支持，但事实是，许多用户操作系统的IE版本一直停留在IE6，且大多数用户没有主动升级IE的习惯。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽管微软最新推出的IE8已经对CSS2.1提供了良好的支持，但事实是，许多用户操作系统的IE版本一直停留在IE6，且大多数用户没有主动升级IE的习惯。</div></td></tr>
<tr><td colspan="2" class="diff-lineno">第11行：</td>
<td colspan="2" class="diff-lineno">第11行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>由此，人们发现并利用了css hack。事实上，到现在为止，我们使用css hack最主要的目的是区分IE6和IE7。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>由此，人们发现并利用了css hack。事实上，到现在为止，我们使用css hack最主要的目的是区分IE6和IE7。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用原理 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用原理 ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>简单来讲，css <del class="diffchange diffchange-inline">hack就是浏览器解析CSS时的漏洞。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>简单来讲，css <ins class="diffchange diffchange-inline">hack就是浏览器解析CSS时的漏洞，因此不同的浏览器就有不同的css hack写法<ref>http://www.w3cn.org/article/tips/2006/120.html CSS hack浏览器兼容一览表</ref>。</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用原则 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用原则 ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用后的弊端 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 使用后的弊端 ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，Hack会引起许多新的错误。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，Hack会引起许多新的错误。</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">== css hack的一些外部链接 ==</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">*</del>[<del class="diffchange diffchange-inline">http://www.example.com CSS hack浏览器兼容一览表</del>]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[<ins class="diffchange diffchange-inline">[参考文献</ins>]<ins class="diffchange diffchange-inline">]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"><references/></ins></div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=css_hack&diff=6440&oldid=prev
yoom：创建新页面为 '<p style="border:solid 10px #a00;padding:10px;text-align:center;font-size:120%;font-weight:bold;background:#ffefef;">注意：此文存在一些待纠正的地方，请协助修…'
2009-12-14T06:16:44Z
<p>创建新页面为 '<p style="border:solid 10px #a00;padding:10px;text-align:center;font-size:120%;font-weight:bold;background:#ffefef;">注意：此文存在一些待纠正的地方，请协助修…'</p>
<p><b>新页面</b></p><div><p style="border:solid 10px #a00;padding:10px;text-align:center;font-size:120%;font-weight:bold;background:#ffefef;">注意：此文存在一些待纠正的地方，请协助修改或补充，以使其完善。</p><br />
<br />
== css hack的来历 ==<br />
<br />
css hack的由来源于[http://http://zh.wikipedia.org/wiki/浏览器大战 浏览器大战]，从1995年开始，微软和网景公司的浏览器竞争，导致各自的浏览器包含大量其私有CSS属性，并逐渐远离标准<ref>http://zh.wikipedia.org/wiki/浏览器大战#.E5.B8.B6.E4.BE.86.E7.9A.84.E5.BE.8C.E6.9E.9C</ref>。1998年网景公司以开放源代码的授权形式，把Communicator的源代码释出，以开源的形式逐渐发展一部分用户群，并在2004年推出Firefox的1.0版本。相继，Safar，Opera的用户群也正在发展壮大中。这让微软不得不考虑从新设计一款更加接近web标准的浏览器。<br />
<br />
尽管微软最新推出的IE8已经对CSS2.1提供了良好的支持，但事实是，许多用户操作系统的IE版本一直停留在IE6，且大多数用户没有主动升级IE的习惯。<br />
<br />
IE的各个版本对CSS2.1中的某些属性从支持程度到解析效果，都不是很一致。这导致开发人员需要单独定义针对不同版本的的CSS样式，以此来获取相近的效果。<br />
<br />
由此，人们发现并利用了css hack。事实上，到现在为止，我们使用css hack最主要的目的是区分IE6和IE7。<br />
== 使用原理 ==<br />
简单来讲，css hack就是浏览器解析CSS时的漏洞。<br />
== 使用原则 ==<br />
尽力避免使用css hack，并寻找其它的应对方法。事实上，使用IE的[[条件注释]]来区分IE各个版本，是非常不错的选择。<br />
== 使用后的弊端 ==<br />
Hack除了能迅速区分浏览器版本，并可能获得大概一直的效果，但从长远看，Hack会引起许多新的错误。<br />
== css hack的一些外部链接 ==<br />
*[http://www.example.com CSS hack浏览器兼容一览表]</div>
yoom