diff --git a/src/containers/App/App.css b/src/containers/App/App.css index 0e3613e9a6649f4f74c4ca6a70b501907fe34f20..ca7eccbcadeeea2c414fe86bd2f70e905463c321 100644 --- a/src/containers/App/App.css +++ b/src/containers/App/App.css @@ -157,7 +157,7 @@ footer a:hover { .custom-header-education { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/education.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -167,7 +167,7 @@ footer a:hover { .custom-header-engineering { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/engineering.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -177,7 +177,7 @@ footer a:hover { .custom-header-entrepreneurship { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/entrepreneurship.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -187,7 +187,7 @@ footer a:hover { .custom-header-experiments { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/experiment.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -197,7 +197,7 @@ footer a:hover { .custom-header-hardware { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/hardware.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -207,7 +207,7 @@ footer a:hover { .custom-header-human-practices { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/hp.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -217,7 +217,7 @@ footer a:hover { .custom-header-inclusivity { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/inclusivity.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -237,7 +237,7 @@ footer a:hover { .custom-header-model { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/model.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -247,27 +247,18 @@ footer a:hover { .custom-header-notebook { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/notebook.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ background-attachment: fixed; /* 固定背景图片,使其在滚动时ä¸ç§»åŠ¨ */ } -.custom-header-plant { - width: 100vw; - height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ - background-size: cover; /* 使背景图片覆盖整个容器 */ - background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ - background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ - background-attachment: fixed; /* 固定背景图片,使其在滚动时ä¸ç§»åŠ¨ */ -} .custom-header-results { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/results.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -277,7 +268,7 @@ footer a:hover { .custom-header-safety { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/header/safety.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */