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

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

 

◎放在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;}

 

創作者介紹

Panda's blog

jon6773 發表在 痞客邦 PIXNET 留言(0) 人氣()