From f36b93d6bbc866503dba5d94e75924796cb75143 Mon Sep 17 00:00:00 2001
From: wolegca <2738076308@qq.com>
Date: Fri, 13 Sep 2019 23:15:55 +0800
Subject: [PATCH] bug fixed

---
 myui.css | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/myui.css b/myui.css
index 4c89d60..c6fec00 100644
--- a/myui.css
+++ b/myui.css
@@ -13,9 +13,9 @@ html {
 }
 
 body {
-	background: black url(bg.jpg) no-repeat center;
+	background: black url(bg.jpg) repeat-y center;
 	background-size: cover;
-	width: 200%;
+	width: 100%;
 	z-index: 0
 }
 
@@ -23,11 +23,6 @@ body {
 	display: none
 }
 
-#menu-control:checked~label.content-mask {
-	opacity: 1;
-	visibility: visible
-}
-
 #blog-title {
 	color: white;
 	white-space: nowrap;
@@ -38,7 +33,7 @@ body {
 	font-size: 24px;
 	background-color: rgba(25, 25, 25, .9);
 	width: 100%;
-	z-index: 2;
+	z-index: 4;
 	cursor: default
 }
 
@@ -53,8 +48,8 @@ body {
 	padding-top: 50px;
 	transition: all .2s ease;
 	overflow: hidden;
-	background-color: rgba(0, 0, 0, 0.8);
-	z-index: 1;
+	background-color: rgba(0, 0, 0, 0.5);
+	z-index: 2;
 	box-shadow: 2px 0px 8px black
 }
 
@@ -107,7 +102,7 @@ body {
 	width: 50px;
 	height: 30px;
 	cursor: pointer !important;
-	z-index: 3;
+	z-index: 4;
 }
 
 [for=menu-control].menu-button-container:hover span {
@@ -116,17 +111,22 @@ body {
 
 [for=menu-control].content-mask {
 	display: block;
-	position: relative;
-	width: 50%;
+	position: absolute;
+	width: 100%;
 	height: 100%;
 	background-color: rgba(0, 0, 0, .5);
 	float: left;
 	z-index: 1;
-	transition: all .5s ease;
+	transition: all .2s ease;
 	opacity: 0;
 	visibility: hidden
 }
 
+#menu-control:checked~label.content-mask {
+	opacity: 1;
+	visibility: visible
+}
+
 .menu-button span {
 	width: 44px;
 	height: 3px;
@@ -298,12 +298,6 @@ body {
 	}
 }
 
-@media screen and (max-width:480px) {
-	.msg-container {
-		max-width: 250px;
-	}
-}
-
 @media screen and (max-width:700px) {
 	body {
 		width: 100%
@@ -338,4 +332,10 @@ body {
 		margin-right: auto
 	}
 
+}
+
+@media screen and (max-width:480px) {
+	.msg-container {
+		max-width: 250px;
+	}
 }
\ No newline at end of file