dos

Public/static/css/index.css

@@ -68,7 +68,7 @@ input::-webkit-input-placeholder {
 
 
 /* page1 */
 /* page1 */
 .page1 {
 .page1 {
-  z-index: 3;
+  z-index: 4;
 }
 }
 
 
 .page1 .red-line {
 .page1 .red-line {
@@ -84,7 +84,7 @@ input::-webkit-input-placeholder {
 
 
 /* flag-page */
 /* flag-page */
 .flag-page {
 .flag-page {
-  z-index: 2;
+  z-index: 3;
   animation: all 0.3s linear forwards;
   animation: all 0.3s linear forwards;
   -webkit-animation: all 0.3s linear forwards;
   -webkit-animation: all 0.3s linear forwards;
 }
 }
@@ -248,7 +248,7 @@ input::-webkit-input-placeholder {
   background: #e5382a;
   background: #e5382a;
   transition: all linear .3s;
   transition: all linear .3s;
   -webkit-transition: all linear .3s;
   -webkit-transition: all linear .3s;
-  z-index: 1;
+  z-index: 2;
 }
 }
 
 
 .personal-page .decorate-img {
 .personal-page .decorate-img {

Public/static/js/common.js

@@ -261,7 +261,7 @@ $(document).ready(function () {
 function backToFlag() {
 function backToFlag() {
     $('.personal-page').fadeOut(300);
     $('.personal-page').fadeOut(300);
     $('.flag-page').animate({
     $('.flag-page').animate({
-        opacity: 1
+        'opacity': 1
     }, 300);
     }, 300);
 }
 }
 
 
@@ -378,7 +378,9 @@ function showDecorate() {
 function showPersonalPage() {
 function showPersonalPage() {
     $('.flag-page').animate({
     $('.flag-page').animate({
         'opacity': 0
         'opacity': 0
-    }, 300);
+    }, 300, '', function () {
+        $('.flag-page').css('z-index', '1');
+    });
     $('.personal-page').fadeIn(300);
     $('.personal-page').fadeIn(300);
     // 创建个性化页面的flag列表
     // 创建个性化页面的flag列表
     for (let i = 0; i < flagStack.length; i++) {
     for (let i = 0; i < flagStack.length; i++) {