悲催的IE6，悲催的壳浏览器，悲催的搜狗，悲催的360-优快云博客

本文探讨了在IE6及国产浏览器下页面显示问题的解决策略，提出使用验证代码快速淘汰IE6，同时提供了兼容性解决方案，强调了在合理范围内提升用户体验的重要性。

2019独角兽企业重金招聘Python工程师标准>>>

几天做的一个页面，在IE8、IE9、GG、FF等浏览器下都很正常，但是放在IE6以及以IE6为内核的各种所谓的最某某的国产浏览器中就全乱了，js代码也变得乱七八糟，把jquery从1.62降到1.42后部分效果回复正常，但整体页面还是凌乱不堪。

面对一群开惯了夏利的傻逼用户，我有种很无奈的绝望，虽然我做不出宝马，但至少也是奥迪，让我降低标准去迎合夏利，我勒个去勒，这算尼玛神马事嘛。虽然说顾客至上，但这是在合理范围内“至上”，让我用21世纪的技术去兼容20世纪的浏览器，叫我情何以堪？

奋战在前端的广大战友，让我们统一战线吧，都在你们的网站上加上一段验证IE6的代码，让IE6更快的消亡。代码贴在下面：

head部分：


<style type="text/css">  #ie6-warning{background:#FF0; position:absolute;top:0; left:0;font-size:12px; line-height:24px; color:#F00;padding:0 10px;}  #ie6-warning img{float:right; cursor:pointer; margin-top:4px;} #ie6-warning a{text-decoration:none;}  </style>

body部分：
 


<!--[if lte IE 6]>  <div id="ie6-warning"> <img src="x.gif" width="14" height="14" onclick="closeme();" alt="关闭提示" />您正在使用 Internet Explorer 6 低版本的IE浏览器。为更好的浏览本页，建议您将浏览器升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/ie8howto.aspx" target="_blank">IE8</a> 或以下浏览器：<a href="http://www.firefox.com.cn/download/">Firefox</a> / <a href="http://www.google.cn/chrome">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.Opera.com/">Opera</a>  </div>  <script type="text/javascript">  function closeme() {    var div = document.getElementById("ie6-warning");    div.style.display ="none"; } function position_fixed(el, eltop, elleft){  // check if this is IE6  if(!window.XMLHttpRequest)  window.onscroll = function(){  el.style.top = (document.documentElement.scrollTop + eltop)+"px";  el.style.left = (document.documentElement.scrollLeft + elleft)+"px";  }  else el.style.position = "fixed";  }  position_fixed(document.getElementById("ie6-warning"),0, 0);  </script>  
<![endif]-->

转载于:https://my.oschina.net/bojinzhu/blog/28989