CSS 隐藏ul

Posted on 2018-05-30 16:28  魏什么呀  阅读(259)  评论(0编辑  收藏  举报

老师要求只能用css做出覆盖ul时显示ul,之前一直在试   [  display:none  display:block ]后来发现一直是闪烁的状态 不能实现消失 然后就试用了透明度,一下就可以了

//////////////////////////////////////////////

<ul>
<li>分享</li>
<li>画质</li>
<li>锁屏</li>
<li>截图</li>
</ul>

/////////////////////////////////////////////

ul{
width:50px;
height: 50px;
position: absolute;
opacity: 0;
}
ul:hover{
opacity: 100;
}

///////////////////////////////////////