From c627f4684f6a7329238dd242b20c18ef6b7f0ecf Mon Sep 17 00:00:00 2001
From: qier222 <qier222@outlook.com>
Date: Tue, 18 May 2021 15:20:19 +0800
Subject: [PATCH] fix: bug #675

---
 src/views/lyrics.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/lyrics.vue b/src/views/lyrics.vue
index b57cc3d..631ac29 100644
--- a/src/views/lyrics.vue
+++ b/src/views/lyrics.vue
@@ -431,6 +431,8 @@ export default {
   align-items: center;
   transition: all 0.5s;
 
+  z-index: 0;
+
   .controls {
     max-width: 54vh;
     margin-top: 24px;
@@ -573,6 +575,7 @@ export default {
   font-weight: 600;
   color: var(--color-text);
   margin-right: 24px;
+  z-index: 0;
 
   .lyrics-container {
     height: 100%;
@@ -589,7 +592,7 @@ export default {
       border-radius: 12px;
 
       &:hover {
-        background: var(--color-secondary-bg);
+        background: var(--color-secondary-bg-for-transparent);
       }
 
       span {