备忘录-ie兼容

来源：互联网发布：思迅天店软件编辑：程序博客网时间：2024/05/22 17:15

渐近色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一下*/

0 0