我正在尝试在启用SSL的IE11中渲染图像叠加层,就像点击https://www.avast.com/en-us/index中的“免费下载”一样(仅在使用Chrome时有效)。目前,它在Firefox和Chrome中运行良好,但不会在IE11中呈现。页面变暗,但没有渲染覆盖,尽管事实上我可以在调试器中看到与Chrome和FF相同的javascript。
使用normalize.css v3.0.2
使用Javascript:
$(document).ready(function() {
$('.js-overlay').hide();
$('.js-download-button').click(function(){
$('.js-overlay .overlay-download').hide();
$('.js-overlay .overlay-download-ie').hide();
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
setTimeout(function() {
$('.js-overlay').fadeIn();
}, 3000);
$('.js-overlay .overlay-download-ie').show();
} else if (navigator.userAgent.search("Firefox") >= 0) {
return;
} else { // If another browser, return 0
setTimeout(function() {
$('.js-overlay').fadeIn();
}, 3000);
$('.js-overlay .overlay-download').show();
}
});
$('.js-overlay').click(function(){
$(this).fadeOut();
});
});