CSS 隐藏ul

老师要求只能用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;
}

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