From a08557d728c922425ae207107d7dd404417bb6e8 Mon Sep 17 00:00:00 2001 From: Cx330 <1487537121@qq.com> Date: Mon, 14 Apr 2025 20:39:02 +0800 Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E6=A1=86=E5=8C=BA=E5=9F=9F?= =?UTF-8?q?=E8=AE=BE=E4=B8=BA=E5=8D=8A=E9=80=8F=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/chat.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/css/chat.css b/css/chat.css index 8f1eccc..86a7ed6 100644 --- a/css/chat.css +++ b/css/chat.css @@ -3,11 +3,13 @@ bottom: 50px; left: 0; width: 100%; - background: #fff; - box-shadow: 0 -2px 5px #fff; + background: rgba(255, 255, 255, 0.05); /* 几乎全透明 */ + backdrop-filter: blur(4px); /* 模糊背景 */ + -webkit-backdrop-filter: blur(4px); display: flex; flex-direction: column; align-items: center; + z-index: 5; } .chat-box { @@ -15,7 +17,9 @@ min-height: 20px; max-height: 50vh; overflow-y: auto; - background: #f5f5f5; + background: rgba(200, 200, 200, 0.1); /* 淡灰半透明 */ + backdrop-filter: blur(8px); /* 背景模糊 */ + -webkit-backdrop-filter: blur(8px); /* Safari 兼容 */ margin-bottom: 10px; padding: 10px; border-radius: 8px;