备忘录-ie兼容_ie浏览器可以做备忘吗-CSDN博客

本文链接：https://blog.csdn.net/marlborone/article/details/53068089

渐近色css全兼容

background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c1e7), to(#213c7c));   
background: -webkit-linear-gradient(left, #80c1e7, #213c7c);   
background: -moz-linear-gradient(left, #80c1e7, #213c7c);   
background: -o-linear-gradient(left, #80c1e7, #213c7c);   
background: -ms-linear-gradient(left, #80c1e7, #213c7c);   
background: linear-gradient(left, #80c1e7, #213c7c);   
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #80c1e7, endColorstr = #213c7c);

兼容ie透明色

background-color: rgba(44, 54, 67, .6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#992C3643,endColorstr=#992C3643);/*兼容ie8一下版本*/
/*前两位是透明程度,后六位是颜色；透明度：  0.1~19    0.2~33   0.3~4C   0.4~66   0.5~7F   0.6~99    0.7~B2    0.8~C8    0.9~E5*/

bootstrap兼容ie8解决方法加载这两个js,和两个标签

<!--[if lte IE 9]>
	<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      	<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">默认最高版本ie

width - viewport的宽度

height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

navigator.userAgent判断浏览器类型或者版本

function userBrowser(){  
    var browserName=navigator.userAgent.toLowerCase();  
    if(/msie/i.test(browserName) && !/opera/.test(browserName)){  
        alert("IE");  
        return ;  
    }else if(/firefox/i.test(browserName)){  
        alert("Firefox");  
        return ;  
    }else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){  
        alert("Chrome");  
        return ;  
    }else if(/opera/i.test(browserName)){  
        alert("Opera");  
        return ;  
    }else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){  
        alert("Safari");  
        return ;  
    }else{  
        alert("unKnow");  
    }  
}

兼容圆角

behavior:url(/pcportal/css/PIE.htc);/*ie9一下*/