[CSS]下拉菜单时间：2023-03-08 20:46:58原理：先让下拉菜单隐藏，鼠标移到的时候在显示出来 1>display 无动画效果，图片是秒出 2>opacity 有动画效果，我这里是1S出现，推荐配合绝对定位使用
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTAxMDkzOC0xMDQ4NDM5Mzk3LnBuZw%3D%3D.png?w=700 "[CSS]下拉菜单")
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTAxODUwMC00NDgwNzE1NDAucG5n.png?w=700 "[CSS]下拉菜单")
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTA1NDIwMy0xOTI5ODQ3NjU1LnBuZw%3D%3D.png?w=700 "[CSS]下拉菜单")
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTEwNTE3Mi05NDk1MjIxNDAucG5n.png?w=700 "[CSS]下拉菜单")
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTI0NjU2My0xODI5OTYzMjk3LnBuZw%3D%3D.png?w=700 "[CSS]下拉菜单")
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTI1NzU2My0xNDU5Njg3MDAucG5n.png?w=700 "[CSS]下拉菜单")
![[CSS]下拉菜单](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85OTI3OTkvMjAxNjA5Lzk5Mjc5OS0yMDE2MDkyNjE1MTMxMDUxNi0xNTk5Nzg5NTYxLnBuZw%3D%3D.png?w=700 "[CSS]下拉菜单")
