diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index b27916f..d3b349a 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -20,6 +20,10 @@ button.sandblasted-blurred::after {
 }
 button.sandblasted-blurred::before {
   backdrop-filter: blur(9.5rem);
+  -webkit-backdrop-filter: blur(9.5rem);
+  -moz-backdrop-filter: blur(9.5rem);
+  -ms-backdrop-filter: blur(9.5rem);
+  -o-backdrop-filter: blur(9.5rem);
 }
 button.sandblasted-blurred::after {
   opacity: 0.1;
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index 11dcf72..9e08bce 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -22,6 +22,10 @@ button.sandblasted-blurred {
 
 	&::before {
 		backdrop-filter: blur(9.5rem);
+		-webkit-backdrop-filter: blur(9.5rem);
+		-moz-backdrop-filter: blur(9.5rem);
+		-ms-backdrop-filter: blur(9.5rem);
+		-o-backdrop-filter: blur(9.5rem);
 	}
 
 	&::after {
diff --git a/src/views/Workshop/uploadFace2.vue b/src/views/Workshop/uploadFace2.vue
index 50de169..fcbbb59 100644
--- a/src/views/Workshop/uploadFace2.vue
+++ b/src/views/Workshop/uploadFace2.vue
@@ -119,6 +119,10 @@
 				height: 86.5rem;
 				border-radius: 1rem;
 				backdrop-filter: blur(5.27rem);
+				-webkit-backdrop-filter: blur(5.27rem);
+				-moz-backdrop-filter: blur(5.27rem);
+				-ms-backdrop-filter: blur(5.27rem);
+				-o-backdrop-filter: blur(5.27rem);
 				box-shadow: 1.9rem 2.3rem 1.66rem 0.23rem -0.3rem 0.23rem #36180c40;
 				border: 0.439rem solid #fff;
 				// border-image: linear-gradient(90deg,#BF926E94, #ffffff) 1;
diff --git a/src/views/login/ResetPage.vue b/src/views/login/ResetPage.vue
index 7873102..3561a50 100644
--- a/src/views/login/ResetPage.vue
+++ b/src/views/login/ResetPage.vue
@@ -181,6 +181,10 @@ const handleSuccess = (data: any) => {
       rgba(0, 0, 0, 0) 100%
     );
     backdrop-filter: blur(35px);
+    -webkit-backdrop-filter: blur(35px);
+    -moz-backdrop-filter: blur(35px);
+    -ms-backdrop-filter: blur(35px);
+    -o-backdrop-filter: blur(35px);
     border: 2px solid rgba(255, 255, 255, 0.15);
     border-radius: 4.79rem;
     padding: 6.8rem 5.9rem 6.2rem 7.18rem;
diff --git a/src/views/login/SignupPage.vue b/src/views/login/SignupPage.vue
index fc3de9a..b71f271 100644
--- a/src/views/login/SignupPage.vue
+++ b/src/views/login/SignupPage.vue
@@ -247,6 +247,10 @@ const handleSignupByGoogle = async () => {
       rgba(0, 0, 0, 0) 100%
     );
     backdrop-filter: blur(35px);
+    -webkit-backdrop-filter: blur(35px);
+    -moz-backdrop-filter: blur(35px);
+    -ms-backdrop-filter: blur(35px);
+    -o-backdrop-filter: blur(35px);
     border: 2px solid rgba(255, 255, 255, 0.15);
     border-radius: 4.79rem;
     padding: 11.2rem 8.62rem 14.28rem 7.18rem;
diff --git a/src/views/stylist/customer.vue b/src/views/stylist/customer.vue
index f2b404a..5addda9 100644
--- a/src/views/stylist/customer.vue
+++ b/src/views/stylist/customer.vue
@@ -150,6 +150,9 @@ const handleConfirm = async () => {
       background: rgba(0, 0, 0, 0.2);
       backdrop-filter: blur(20px);
       -webkit-backdrop-filter: blur(20px);
+      -moz-backdrop-filter: blur(20px);
+      -ms-backdrop-filter: blur(20px);
+      -o-backdrop-filter: blur(20px);
       margin-left: 7rem;
       position: relative;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;
diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue
index 3612569..5f54028 100644
--- a/src/views/stylist/index.vue
+++ b/src/views/stylist/index.vue
@@ -224,6 +224,10 @@ watch(showVideo, (newValue) => {
         rgba(0, 0, 0, 0) 100%
       );
       backdrop-filter: blur(35px);
+      -webkit-backdrop-filter: blur(35px);
+      -moz-backdrop-filter: blur(35px);
+      -ms-backdrop-filter: blur(35px);
+      -o-backdrop-filter: blur(35px);
       overflow: hidden;
       position: relative;
       img {
@@ -305,6 +309,10 @@ watch(showVideo, (newValue) => {
     border-radius: 50%;
     cursor: pointer;
     backdrop-filter: blur(1rem);
+    -webkit-backdrop-filter: blur(1rem);
+    -moz-backdrop-filter: blur(1rem);
+    -ms-backdrop-filter: blur(1rem);
+    -o-backdrop-filter: blur(1rem);
     border: 1px solid rgba(255, 255, 255, 0.3);
     box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.4), inset 0 0.2rem 0.4rem rgba(255, 255, 255, 0.1),
       inset 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.3);