悲催的IE6,悲催的壳浏览器,悲催的搜狗,悲催的360

几天做的一个页面,在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]--> 

你可能感兴趣的:(悲催的IE6,悲催的壳浏览器,悲催的搜狗,悲催的360)