diff --git a/mTest/index.html b/mTest/index.html index c27e551..27acf5a 100644 --- a/mTest/index.html +++ b/mTest/index.html @@ -65,19 +65,28 @@ border-radius: 0rem !important; } .add-button { - position: absolute; - width: 10rem; - height: 1.92rem; - background: url(images/down-go.jpg)no-repeat; - background-size: 100% 100%; - bottom: 0; - left: 0; - z-index: 500; - } + position: absolute; + width: 10rem; + height: 1.92rem; + background: url(images/down-go.jpg)no-repeat; + background-size: 100% 100%; + bottom: 0; + left: 0; + z-index: 650; + } + .add-button-close{ + width: 0.8rem; + height: 0.8rem; + position: absolute; + right: 0rem; + top: 0rem; + } </style> </head> <body style="background: #d9d9d9"> - <button class="add-button" style="display: block;">Add to home screen</button> + <button class="add-button"> + <div class="add-button-close"></div> + </button> <div class="bottom-nav"> <div><div class="bottom-nav-img1 bottom-nav-img1-click"></div></div> <div><div class="bottom-nav-img2"></div></div> @@ -413,8 +422,9 @@ $(function(){ userCard() } - $(".go").on("click",function(){ - + $(".add-button-close").on("click",function(){ + $(".add-button").fadeOut(350) + event.stopPropagation(); }) $(".zone-top-btn").on("click",function(){ window.location.href="revise.html"