diff --git a/src/components/showDonateBar/index.vue b/src/components/showDonateBar/index.vue
index 72f3dad..356e024 100644
--- a/src/components/showDonateBar/index.vue
+++ b/src/components/showDonateBar/index.vue
@@ -5,9 +5,6 @@
 </template>
 
 <style lang="less" scoped>
-html,body,#app {
-  background-color: rgba(0, 0, 0, 0);
-}
 .show-donate {
   padding: 5px 10px;
 }
@@ -31,7 +28,8 @@ export default {
     }
   },
   mounted () {
-    document.getElementById('app').style.backgroundColor = 'inherit'
+    document.getElementById('app').style.backgroundColor = 'rgba(0, 0, 0, 0)'
+    document.body.style.backgroundColor = 'rgba(0, 0, 0, 0)'
     this.client = axios.create({
       baseURL: apiUrl
     })