添加backdrop选项

packages/artplayer/src/style/contextmenu.scss

@@ -8,7 +8,7 @@
         top: 0;
         min-width: 200px;
         padding: 5px 0;
-        background:rgba(0, 0, 0, 0.8);
+        background: rgba(0, 0, 0, 0.9);
         border-radius: 3px;
 
         .art-contextmenu {
@@ -21,23 +21,24 @@
             text-overflow: ellipsis;
             white-space: nowrap;
             text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
-            border-bottom: 1px solid rgba(255,255,255,.1);
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 
             a {
                 color: #fff;
                 text-decoration: none;
             }
-    
+
             span {
                 display: inline-block;
                 padding: 0 7px;
-                &:hover, &.art-current {
+                &:hover,
+                &.art-current {
                     color: #00c9ff;
                 }
             }
 
             &:hover {
-                background-color: rgba(255,255,255,.1);
+                background-color: rgba(255, 255, 255, 0.1);
             }
 
             &:last-child {

packages/artplayer/src/style/info.scss

@@ -11,10 +11,10 @@
         padding: 10px;
         color: #fff;
         font-size: 12px;
-        font-family: Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;
+        font-family: Noto Sans CJK SC DemiLight, Roboto, Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
         -webkit-font-smoothing: antialiased;
-        background: rgba(0,0,0,.7);
-    
+        background: rgba(0, 0, 0, 0.9);
+
         .art-info-item {
             display: flex;
             margin-bottom: 5px;
@@ -22,7 +22,7 @@
                 width: 100px;
                 text-align: right;
             }
-    
+
             .art-info-content {
                 flex: 1;
                 overflow: hidden;
@@ -31,7 +31,7 @@
                 padding-left: 5px;
             }
         }
-    
+
         .art-info-close {
             position: absolute;
             top: 5px;

packages/artplayer/src/style/setting.scss

@@ -22,7 +22,7 @@
             width: 300px;
             height: 100%;
             font-size: 12px;
-            background: rgba(0, 0, 0, 0.8);
+            background: rgba(0, 0, 0, 0.9);
             transition: all 0.2s ease-in-out;
             overflow: auto;