做了个新专题,做之前没有考虑过浏览器兼容问题(默认不兼容ie9以下),但是做完之后被要求考虑兼容。
出现问题:
倒计时无法显示(ie截止时间书写方式 yyyy/mm/dd hh:ii:ss而非 yyy-mm-dd hh:ii:ss 其他浏览器也可用;)
延迟加载的图片不能显示(将jQuery版本降低后可以用,用的1.8)
遮罩、弹窗不能显示(遮罩是因为透明度;弹窗不能显示是jQuery版本造成hide()show()不可用。)
以下为网上找到的解决方法
透明度:
/* older safari/Chrome browsers */ -webkit-opacity: 0.5; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.5; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.5; /* IE9 + etc...modern browsers */ opacity: .5; /* IE 4-9 */ filter:alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
360浏览器默认极速模式:
<meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
HTML 文档Head 详细用法
http://mp.weixin.qq.com/s/GF3HPhFrXll6eEI8crJCaw