评论：搜索栏背景（透明度）随滑动渐变  [查看原文]

不兼容ie

?花心境0
2017/11/6 17:23:16

我在360急速的IE兼容模式和IE11都测试了，没有问题，你看看是哪里出问题了，是不是jQuery的版本过高（jQuery2.0），导致的不兼容低版本的IE（IE8以下的版本）

西瓜0
2017/11/6 23:24:00

css3属性当然不兼容ie8了

?花心境0
2017/11/7 9:52:53

透明渐变用的是背景background，然后用js控制的透明度，没有用css3

?花心境0
2017/11/7 10:05:49

@西瓜说的是对的，不好意思啊，兄弟，我的错，如果要兼容IE8及以下，采用filter:Alpha(opacity=50)。

?花心境1
2017/11/7 10:35:51

var theUA = window.navigator.userAgent.toLowerCase();
if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])){
	var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
	if (ieVersion < 9) {flag = false;alert('这是IE： ' + ieVersion);};
}
var setCoverOpacity = function() {
	flag ? 
	$body.find('.search-box-cover')[0].style.opacity = (((getScrollTop() / 550) > 0.9) ? 0.9 : (getScrollTop() / 550)) : 
	$body.find('.search-box-cover')[0].style.filter = 'Alpha(opacity='+ (((getScrollTop() / 550) > 0.9) ? 0.9 : (getScrollTop() / 550))*100 +')';   
}

flag是判断浏览器是否为IE8及以下，然后做了IE8及以下的透明渐变处理，由于IE8不支持position：fixed；所以我也没测试出来到底生效没，只是提供解决一个方法