Question

html怎么做鼠标悬浮菜单上的选项能出现下拉菜单?

Answer 1

1. 比较好的方法是用JS做，但是非要用CSS呢，也可以

2. 首先 一般HTML中的动态效果都是JS做的，不太推荐用CSS完成

3. dropdown-content {  
       display: none;
       position: absolute;  
       background-color: #f9f9f9;  
       min-width: 160px;
       box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   }  
   .dropdown-content a:hover {  
   background-color: #f1f1f1  
   }  
   .dropdown:hover .dropdown-content {  
       display: block;  
   } 
   .dropdown:hover .dropbtn {  
       background-color: #f5f5f5;  
   }

   首先定义一个 dropdown的类 然后定义 HOVER的伪类实现一些特效