测试

mTest/room/css/liveRoom.css

@@ -1382,6 +1382,7 @@
   vertical-align: middle;
   vertical-align: middle;
   width: 16rem;
   width: 16rem;
   margin-left: -3rem;
   margin-left: -3rem;
+  filter: blur(0.2rem);
 }
 }
 .room-secret-shadow {
 .room-secret-shadow {
   width: 10rem;
   width: 10rem;
@@ -1389,7 +1390,6 @@
   position: absolute;
   position: absolute;
   z-index: 5;
   z-index: 5;
   background: rgba(0, 0, 0, 0.5);
   background: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(0.3rem);
   top: -1vw;
   top: -1vw;
   left: 0;
   left: 0;
 }
 }
@@ -1500,7 +1500,7 @@
   z-index: 5;
   z-index: 5;
   text-align: center;
   text-align: center;
   left: 0;
   left: 0;
-  top: 7rem;
+  bottom: 10rem;
 }
 }
 .mc-out-tips p {
 .mc-out-tips p {
   color: #A3A3A3;
   color: #A3A3A3;

mTest/room/css/liveRoom.less

@@ -1422,6 +1422,7 @@
         vertical-align: middle;
         vertical-align: middle;
         width: 16rem;
         width: 16rem;
         margin-left: -3rem;
         margin-left: -3rem;
+        filter:blur(0.2rem)
     }
     }
 }
 }
 .room-secret-shadow{
 .room-secret-shadow{
@@ -1430,7 +1431,7 @@
     position: absolute;
     position: absolute;
     z-index: 5;
     z-index: 5;
     background: rgba(0,0,0,0.5);
     background: rgba(0,0,0,0.5);
-    backdrop-filter: blur(0.3rem);
+   
     top: -1vw;
     top: -1vw;
     left: 0;
     left: 0;
 }
 }
@@ -1549,7 +1550,7 @@
     z-index: 5;
     z-index: 5;
     text-align: center;
     text-align: center;
     left: 0;
     left: 0;
-    top: 7rem;
+    bottom: 10rem;
     p{
     p{
         color: #A3A3A3;
         color: #A3A3A3;
         font-size: 0.5rem;
         font-size: 0.5rem;