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

This article mainly introduces how to use CSS to achieve the effect of mouse movement on the emergence layer, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

CSS

.demo ul {position:relative;padding:0;margin:0;font-size:12px;}

.demo ul li {visibility:hidden;position:absolute;top:5px;left:180px;width:300px;padding:6px;border:#dfdfdf 1px solid;} / * display the location of the content of the li * /

.demo ul:hover li,.demo ul a:hover li {visibility:visible;} / * display the contents of the li when the mouse passes over the ul * /

.demo ul li a {margin-right:10px;color:#333;}

.demo ul ba {color:#333;width:200px;display:block;height:25px;line-height:25px;background:#fefefe;border:#dfdfdf 1px solid;text-decoration:none;text-indent:10px;}

HTML

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.