css实现：鼠标移动上去显示div,移开隐藏div（span）

最新推荐文章于 2024-04-29 14:41:33 发布

m0_48683771

最新推荐文章于 2024-04-29 14:41:33 发布

阅读量3.9k

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/m0_48683771/article/details/121251357

版权

一、实现效果：

注：此时鼠标还没移进红色框，红色框内的内容隐藏起来了

注：此时鼠标移到红色框区域内了，内部隐藏的东西显示出来了

二、css控制具体代码：

<span style="color:#330033;"><html>
   <head>
       <title>测试对象转数组</title>
       <style>
       .FontStyle{float:left;}
       .wrap{float:left;}
       .wrap{border:1px solid white;width:250px;height:20px;margin-left:3px;}
       .wrap:hover span{display:block;margin-right:10px;}
       .wrap span{display:none;float:left;}
       </style>
   </head>
   <body>
       <div class="FontStyle">hi,i am here： </div>
       <div class="wrap">
           <span class="label label-primary bstreeadd">添加</span>
           <span class="label label-primary bstreeedit">修改</span>
           <span class="label label-danger bstreedel">删除</span>
       </div>
   </body>
</html>

m0_48683771

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css实现：鼠标移动上去显示div,移开隐藏div（span）

一、实现效果：注：此时鼠标还没移进红色框，红色框内的内容隐藏起来了注：此时鼠标移到红色框区域内了，内部隐藏的东西显示出来了二、css控制具体代码：<span style="color:#330033;"><html> <head> <title>测试对象转数组</title> <style> .FontStyle{float:le...
复制链接

扫一扫