diff --git a/resources/state/img/default_bg.jpg b/resources/state/img/default_bg.jpg
new file mode 100644
index 0000000..754e22f
Binary files /dev/null and b/resources/state/img/default_bg.jpg differ
diff --git a/resources/state/state.css b/resources/state/state.css
index ae589ba..b0a85ee 100644
--- a/resources/state/state.css
+++ b/resources/state/state.css
@@ -30,6 +30,7 @@
 }
 
 .container {
+  background-image: url("./img/default_bg.jpg");
   background-color: #e9e9e9;
   background-position: center top;
   background-repeat: no-repeat;
diff --git a/resources/state/state.html b/resources/state/state.html
index 9a52581..831d5cb 100644
--- a/resources/state/state.html
+++ b/resources/state/state.html
@@ -108,7 +108,11 @@
         // 背景api
         if (backdrop) {
             var container = document.getElementById('container')
-            container.style.backgroundImage = 'url(' + backdrop + ')'
+            const img = new Image();
+            img.onload = function () {
+                container.style.backgroundImage = 'url(' + backdrop + ')';
+            }
+            img.src = backdrop;
         }
         const by = (value) => {
             value = value?.value ?? value
diff --git a/resources/state/state.scss b/resources/state/state.scss
index 116af0b..dc51953 100644
--- a/resources/state/state.scss
+++ b/resources/state/state.scss
@@ -30,6 +30,7 @@
 
 .container {
     background: {
+        image: url('./img/default_bg.jpg');
         color: #e9e9e9;
         position: center top;
         repeat: no-repeat;