我已經實現了這個加載圖標，該圖標運行良好并且出現在頁面中央，這很好。我添加了一個額外的腳本來淡出圖標，而不是突然改變圖標，這效果很好，但白色背景的變化仍然非常突然。我想知道如何更改以下腳本以允許白色背景淡出到頁面內容和圖標。<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>