wsjb页面兼容IE

1.让IE8及以下版本浏览器引用jQuery 1.9的CDN就行了

<!--[if lte IE 8]>
<script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<![endif]-->

2.背景图片填满整个屏幕,兼容IE8

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:/百年幸福后台/images/bj.png',sizingMethod='scale');

(**************************src 的值为完整路径**************************)

3.input 输入框 兼容IE8

padding:10px 20px;

4.image在IE浏览器中最外围有边框

outline:none

5.IE浏览器不支持console.log()方法

6.IE浏览器兼容box-shadow,opacity属性

filter:alpha(opacity=30);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',Direction=0,Strength=10)/*上面有阴影*/
progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',Direction=90,Strength=10)/*右边有阴影*/
progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',Direction=180,Strength=10)/*下边有阴影*/
progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',Direction=270,Strength=10);/*左边有阴影*/

 7.IE中a标签点击没反应问题

<ul>
    <li>
         <a href="xx.html">跳转</a>
    </li>
</ul>
li{
  position:relative;  
}
li a{
  position:absolute;
  z-index:2;
}

添加定位即可解决问题

原文地址:https://www.cnblogs.com/dyy-dida/p/9469389.html