Shulou(Shulou.com)06/01 Report--

Xiaobian to share with you how to use css to achieve mouse hover when sliding out of the layer tips, I believe most people do not know how to share this article for your reference, I hope you have a lot of harvest after reading this article, let us go to understand it together!

The code is as follows:

CSS implementation layer hints

div{

clear:both;

margin:5px 0 0 0;

font-size:12px;

line-height:22px;

}

a.alt{

position:relative;

background-color:#fff;

float:left;

width:158px;height:20px;

margin:0 auto;

border:1px solid #eee;

text-align:center;

text-decoration:none;

color:#0066cc;

}

a.alt:hover{

background:#fff;

text-decoration:none;z-index:2;

}

a.alt span{

display:none;

}

a.alt:hover span{

position:absolute;

display:block;

top:-1px;left:158px;

width:130px;height:60px;

border:1px solid #eee;

z-index:1;

}

A high quality scripted material site scripted home

CSS code for your practical web effects library

The above is "how to use css to achieve mouse hover when sliding out of the layer tips" all the content of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.