我已經(jīng)實(shí)現(xiàn)了這個加載圖標(biāo)，該圖標(biāo)運(yùn)行良好并且出現(xiàn)在頁面中央，這很好。我添加了一個額外的腳本來淡出圖標(biāo)，而不是突然改變圖標(biāo)，這效果很好，但白色背景的變化仍然非常突然。我想知道如何更改以下腳本以允許白色背景淡出到頁面內(nèi)容和圖標(biāo)。<style>#loader {                         width: 70px;             height: 70px;         }                   .center {             background: #fff;            position:fixed;            top: 0;             bottom: 0;             left: 0;             right: 0;             margin: auto;         } </style><div id="loader" class="center"> <i class="fa fa-spinner fa-5x fa-spin" style="color:#118F5E"></i></div><script>         document.onreadystatechange = function() {             if (document.readyState !== "complete") {                 document.querySelector(                   "body").style.visibility = "hidden";                 $('#loader').animate({opacity: 0}, 1000);                document.querySelector(                   "#loader").style.visibility = "visible";                            } else {                 document.querySelector(                   "#loader").style.display = "none";                 document.querySelector(                   "body").style.visibility = "visible";             }         };     </script>