“点击看展”toast

index.css

@@ -1,7 +1,9 @@
 ::-webkit-scrollbar {
     width: 0;
-    /* height: 0; */
-    background: #f2f2f2;
+    height: 0;
+    /* scrollbar-width: unset; */
+    /* background: #f2f2f2; */
+    background-color: transparent;
     padding-right: 2px;
 }
 
@@ -93,6 +95,26 @@ body{
     text-decoration:none;
 }
 
+
+.herald{
+    position: absolute;
+    top:-60px;
+    left:65px;
+    border-radius: 50px / 46px;
+    background-color: #FFFFFF;
+    color:#000000;
+    font-size: 12px;
+    font-family:'Microsoft YaHei','Arial Negreta', 'Arial Normal', 'Arial';
+    visibility: hidden;
+    text-align: center;
+    padding:0 10px 0 10px;
+}
+
+.ready:hover .herald{
+    visibility: visible;
+}
+
+
 .contact{
     position: absolute;
     top:88px;

index.html

@@ -22,15 +22,17 @@
             <div class="buttons">
                 <div class="button">
                     <img alt="点击" class="img" src="pic5-1.png">
-                    <div class="text"><a href="">点击看展</a></div>
+                    <div class="text ready"><a href="">点击看展</a>
+                        <div class="herald"><p>9.24日开展，敬请期待</p></div>
+                    </div>
                 </div>
                 <div class="button">
                     <img alt="点击" class="img" src="pic5-1.png">
-                    <div class="text"><a href="http://www.expo-museums.com/Index/column/id/162">参加云展</a></div>
+                    <div class="text"><a href="http://www.expo-museums.com/Index/column/id/162" target="_blank">参加云展</a></div>
                 </div>
                 <div class="button">
                     <img alt="点击" class="img" src="pic5-1.png">
-                    <div class="text"><a href="http://www.expo-museums.com/Index/history/column/143">往届博博会</a></div>
+                    <div class="text"><a href="http://www.expo-museums.com/Index/history/column/143" target="_blank">往届博博会</a></div>
                 </div>
             </div>
             <div class="contact">