From 6cdec726ca38f57749af2fa07f3ced93db1b4ce4 Mon Sep 17 00:00:00 2001
From: heshunme <heshunme@outlook.com>
Date: Sun, 14 Jul 2024 22:49:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=92=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E7=A3=A8=E7=A0=82=E7=8E=BB=E7=92=83=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/resources/css/styles.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/main/webapp/resources/css/styles.css b/src/main/webapp/resources/css/styles.css
index fa5d896..d4add6e 100644
--- a/src/main/webapp/resources/css/styles.css
+++ b/src/main/webapp/resources/css/styles.css
@@ -3,7 +3,6 @@ html {
     font-family: Arial, sans-serif; /* Sets the default font to Arial, with a sans-serif fallback */
     margin: 0; /* Removes default margin */
     padding: 0; /* Removes default padding */
-    background-color: #f4f4f4; /* Sets a light grey background color for the body */
     height: 100%;
     display: flex;
     flex-direction: column;
@@ -17,7 +16,7 @@ body {
     height: 100%;
     display: flex;
     flex-direction: column;
-    background: #f4f4f4 url("/web_assignment_war_exploded/resources/images/background.jpg") no-repeat center center fixed;
+    background: rgba(244, 244, 244, 0) url("/web_assignment_war_exploded/resources/images/background.jpg") no-repeat center center fixed;
     background-size: cover; /* Ensures the background image covers the entire area without distortion */
 }
 
@@ -73,6 +72,7 @@ footer {
     list-style: none;
     padding: 0;
     margin: 0;
+    backdrop-filter: blur(5px); /* 磨砂玻璃效果 */
 }
 
 .project-list li, .liButton {
@@ -212,6 +212,7 @@ footer {
 #project-list, #user-list {
     font-family: Arial, sans-serif;
     background-color: rgba(249, 249, 249, 0.8); /* 半透明背景 */
+    backdrop-filter: blur(5px); /* 磨砂玻璃效果 */
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@@ -223,6 +224,7 @@ footer {
 #user-list {
     font-family: Arial, sans-serif;
     background-color: rgba(249, 249, 249, 0.8); /* 半透明背景 */
+    backdrop-filter: blur(5px); /* 磨砂玻璃效果 */
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@@ -240,6 +242,7 @@ footer {
 #project-details, #user-info {
     font-family: Arial, sans-serif;
     background-color: rgba(249, 249, 249, 0.8); /* 半透明背景 */
+    backdrop-filter: blur(5px); /* 磨砂玻璃效果 */
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@@ -284,7 +287,7 @@ footer {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     max-width: 80%; /* 修改为百分比宽度，自适应屏幕 */
     margin: 20px auto;
-    backdrop-filter: blur(10px); /* 磨砂玻璃效果 */
+    backdrop-filter: blur(5px); /* 磨砂玻璃效果 */
 }
 
 .project-form h2, #user-info-edit h2 {
@@ -349,7 +352,7 @@ footer {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 盒子阴影 */
     max-width: 80%; /* 设置最大宽度 */
     margin: 20px auto; /* 垂直外边距和水平居中 */
-    backdrop-filter: blur(10px); /* 磨砂玻璃效果 */
+    backdrop-filter: blur(5px); /* 磨砂玻璃效果 */
 }
 
 /* Heading styling for About Me */