其实这个Bug是由分两种情况的: 1.和Nginx无关,是针对CSS背景图片的。 一般用户不会碰到,更多的时候是开发者将自己的IE的缓存策略从默认的”自动”改为“每次访问都查询”才发生 的。特点是鼠标一旦浮动到有背景图片的地方,IE会不顾已经缓存的图片,自行去服务器再次获取图片,造成图片短暂消失。这个问题比较简单,可以通过以下脚 本解决。 1 <script type=”text/javascript”>// <![CDATA[ 2 try { 3 document.execCommand('BackgroundImageCache', false, true); 4 } catch(e) {} 5 // ]]></script> 2. 但是实际上更常见的原因是Nginx上打开了Gzip压缩功能。 这个是IE6 的著名Bug,早在2002年就被人详细讨论过了,在IE7中有所改进,但微软永远也不会去修复IE6了。
Browsing the archives for the iebug tag
出现问题是:使用 float: left; 后,在IE显示margin-left:1px;就变成2px的距离。 IE Bug 的解决方法: 加一个 display: inline; 就OK了 #box1{ float: left; background: #F2F2F2; width: 300px; height: 200px; margin-left: 50px; } #box1{ float: left; background: #F2F2F2; width: 300px; height: 200px; margin-left: 50px; display: inline; } margin在IE6下被解释为双倍距离,出现了Margin与float一起用时,在IE6下,其Margin属性会被解释会双倍的距离,margin产生双倍距离其解决兼容问题的两种方法: