前端 兼容性

  1. ie7 ie8 ie9 textarea placeholder (http://www.cnblogs.com/youngboy-front/p/7001655.html)
    需要用span 标签做浮层
  2. JS 判断IE的版本
    var ua = navigator.userAgent;
    if(ua.indexOf("MSIE")>0){   
       if(ua.indexOf("MSIE 6.0")>0){   
         alert("ie6");    
       }   
       if(ua.indexOf("MSIE 7.0")>0){  
           alert("ie7");   
       }   
       if(ua.indexOf("MSIE 8.0")>0 || (ua.indexOf("MSIE 9.0")>0 && !window.innerWidth)){
          alert("ie8");  
       }   
       if(ua.indexOf("MSIE 9.0")>0){  
         alert("ie9");  
    }   
  }
  1. IE7 以下绝对定位被某元素遮挡 (http://blog.sina.com.cn/s/blog_648b3bb101016l6n.html)
    编写了position:relative后就要及时在后面设置z-index:0;
    覆盖层的父元素是relative 设置z-index 比被遮挡层 要大
  2. IE7 *background: red;
    IE8 background:red \9;
    IE6 _background: red;

你可能感兴趣的:(前端 兼容性)