diff --git a/jdmain.css b/jdmain.css index be737e7..b659c37 100644 --- a/jdmain.css +++ b/jdmain.css @@ -486,7 +486,6 @@ font-size: 23px; cursor: pointer; transition: .3s; - z-index: 10; } .qa_list .ans{ position: relative; @@ -699,7 +698,6 @@ font-size: 23px; cursor: pointer; transition: .3s; - z-index:100; } .qa_list .ans{ position: relative; @@ -935,7 +933,7 @@ } .qa_list label{ font-size: 17.5px; - z-index: 100; + z-index: 1; } .info-item{ flex-direction: column; diff --git a/testpage/responsive.css b/testpage/responsive.css index 4876780..5217635 100644 --- a/testpage/responsive.css +++ b/testpage/responsive.css @@ -43,10 +43,6 @@ left: 0; bottom: 0; z-index: 2; - display: flex; - flex-flow: column nowrap; - justify-content: center; - align-items: flex-start; } .bd-no{ display: none; @@ -89,7 +85,12 @@ #hamburger-menu:checked + label .buns::after { transform: rotate(-45deg); } - + #hamburger-menu:checked ~ nav ul{ + display: flex; + flex-flow: column nowrap; + justify-content: center; + align-items: flex-start; + } #hamburger-menu:checked ~ nav ul::before { transform: skewX(-20deg) translateX(-60%); }