Panda's blog

單純利用CSS製作滑鼠移過顯示圖層Mouse Up Show Layer

◎放在body中，利用連結顯示隱藏圖層。

<a href="這裡放連結網址" mce_href="這裡放連結網址" class="showlayer">連結說明 <span>放入滑鼠移過要顯示的資訊或圖片</span></a>

◎放在head或css中，主要是利用span與連結隱藏顯示內容。

.showlayer{position:relative;text-decoration:none;color:#666;font-size: 10px;}

.showlayer:hover {color:#666;font-size: 10px;}

.showlayer span {display: none;}

.showlayer:hover span {display:block;position:absolute;top:0px;left:170px;   width:130px;padding:0px;border:2px solid #0066FF;text-align:left;background-color: #FFF;z-index: 1000;}