我正在尝试淡出淡出的淡出＆amp;返回站点中的页面浏览时。我几乎在每个浏览器(FF，Chrome，IE10＆amp; 11，Android＆amp; ios(中都可以优雅地工作。但是Safari Desktop(v.9.1，10.0，＆amp; 10.1(不会淡出淡出，更糟糕的是，当击中后按钮时，返回的页面被隐藏(不透明度0(。奇怪的是，Safari iOS没有后面的按钮问题(不过，离开页面时仍然不会淡出淡出(。
这是目前正在完成的方式。是否有更优选的方法(我们在这里很关闭(??
html：
<body>
<div id="content-wrap" class="content fade-out">Page content here.</div>
</body>
jQuery：
$(window).load(function() {
$("#content-wrap").removeClass("fade-out");
});
window.addEventListener("beforeunload", function () {
$("#content-wrap").addClass("fade-out");
});
CSS：
.content {
opacity: 1;
transition: 0.8s opacity;
}
.content.fade-out {
opacity: 0;
}
我能够通过将其添加到JS(基于此处找到的答案(来使事情在野生动物园中工作：
window.addEventListener("pageshow", function() {
$("#content-wrap").removeClass("fade-out");
}, false);
我不确定这是否会与$(window).load(function()发生任何潜在的冲突，但是在我迄今已测试的所有浏览器中似乎都可以正常工作。